Ferramentas de design grátis

Crie códigos QR para URLs, Wi-Fi, vCards e texto simples. Baixe como PNG ou SVG.

Converter modelo SVG em Vue SFC.

Crie gradientes CSS lineares e radiais com visualização ao vivo – copie o código pronto.

Crie visualmente box-shadow CSS com visualização ao vivo - copie CSS pronto para cartões e botões.

Crie layouts flexbox visualmente – justifique, alinhe e espalhe com cópia CSS.

Editor visual de raio de borda com controle por canto - copie a abreviação CSS.

Reduza a proporção como 1920:1080 para 16:9.

Gere CSS clamp() para dimensionamento de fluido.

Construtor de layout de grade CSS visual.

Gere escala de tipo de fluido com pinça.

Gere CSS de vidro fosco.

Gere uma tabela HTML simples.

Gere CSS neumórfico de UI suave.

Minimize e limpe a marcação SVG.

Código SVG de visualização ao vivo.

Crie uma planilha de sprites SVG.

Converta o componente SVG para React.

Visualize HTML com classes Tailwind CDN.

Projete sombra de texto CSS com visualização ao vivo - copie o snippet para títulos.

Cores, gradientes e geradores de design CSS em um espaço de trabalho.

Extraia paletas e verifique o contraste.

Escolha, converta e explore cores — paletas e conversores no navegador.

Extraia paletas de imagens, verifique o contraste WCAG, converta espaços de cores e gere sombras CSS.