Ferramentas HTML
Trabalhe com HTML, Pug, JSX, componentes SVG e CSS. Adapte a marcação e os estilos à sua próxima implementação.
21 ferramentas nesta categoria. Todas funcionam no navegador e não exigem cadastro.
Editor de caminhos SVG
Modele um caminho SVG diretamente. Mova os pontos de ancoragem e as alças de curva e copie o caminho ou salve seu SVG.
Otimizador de SVG
Otimize SVGs estáticos localmente com SVGO. Compare o resultado e baixe arquivos individuais ou um ZIP.
SVG → JSX
Converta arquivos SVG em código JSX para os integrar em componentes React.
SVG → React Native
Transforme arquivos SVG em componentes React Native para usar nas suas aplicações móveis.
HTML → JSX
Converta HTML em JSX para reutilizar a marcação em componentes React.
HTML → Pug
Transforme código HTML em modelos Pug para adaptar a marcação a este motor de modelos.
Markdown → HTML
Transforme texto Markdown em HTML para apresentar conteúdo formatado na web.
Gerador de Flexbox
Organize um layout flexível real. Ajuste o contêiner e cada item, teste diferentes larguras e obtenha o código CSS, HTML ou Tailwind.
Gerador de caminhos de recorte CSS
Modele uma forma diretamente na tela de desenho. Arraste os vértices do polígono, explore formas arredondadas e exporte CSS ou um SVG.
Gerador de sombras de caixa
Crie profundidade, camada por camada. Mova a luz, ajuste a suavidade e a cor e copie uma sombra pronta para uso em produção.
Gerador de CSS Grid
Desenhe um layout CSS Grid visualmente. Defina o tamanho de colunas e linhas, arraste sobre as células para nomear áreas e copie o código CSS, HTML ou Tailwind.
Gerador de Cubic Bezier
Modele curvas de easing CSS arrastando duas alças. Compare o movimento com o tempo linear e copie o cubic-bezier() para transições ou Tailwind.
Gerador de Border Radius
Arredonde cada canto, alterne para raios elípticos e arraste as alças das bordas para esculpir formas orgânicas. Copie o CSS de border-radius ou a classe Tailwind.
Gerador de Glassmorphism
Crie painéis de vidro fosco com backdrop-filter. Ajuste desfoque, transparência, saturação e borda sobre um fundo real e copie o CSS.
Gerador de gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos com paradas de cor arrastáveis, seletor de ângulo e presets. Copie o CSS ou uma classe Tailwind. Grátis.
CSS → JS Objects
Converta estilos CSS em objetos JavaScript para os usar nos seus projetos frontend.
CSS → template literal
Transforme estilos definidos em objetos em literais de modelo JavaScript para os seus componentes.
CSS → TailwindCSS
Transforme código CSS em classes utilitárias Tailwind CSS para adaptar os estilos das suas páginas.
Less → CSS
Compile código Less em CSS padrão para usar nas suas folhas de estilo.
Scss → CSS
Compile código SCSS em CSS padrão para usar nas suas páginas web.
Sass → CSS
Compile código Sass em CSS padrão para usar nas suas folhas de estilo.