Gerador de clip-path CSS

Escolha entre um conjunto de formas comuns (círculo, elipse, triângulo, pentágono, hexágono, estrela, balão de mensagem, seta) com prévia ao vivo, e depois copie o valor CSS clip-path exato pronto para usar no seu projeto.

Ferramentas de Design e CSS Funciona totalmente no seu navegador

Todo o processamento acontece no seu dispositivo — nada é enviado a um servidor.

Forma

Código CSS

clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

Continuar com

Totalmente local

Gerador de curva de aceleração Cubic Bezier

Arraste dois pontos para projetar visualmente uma curva de aceleração personalizada e copie o código cubic-bezier.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Gerador de layout CSS Grid e Flexbox

Projete visualmente um layout Grid ou Flexbox com prévia ao vivo e copie o código CSS pronto para usar.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Gerador de Border-Radius CSS

Projete visualmente cantos arredondados — incluindo formas assimétricas — e copie o código CSS.

Ferramentas de Design e CSSAbrir ferramenta

Ferramentas relacionadas

Totalmente local

Gerador de curva de aceleração Cubic Bezier

Arraste dois pontos para projetar visualmente uma curva de aceleração personalizada e copie o código cubic-bezier.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Gerador de Glassmorphism CSS

Projete visualmente um efeito de cartão de vidro fosco e copie o código CSS pronto para usar.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Gerador de layout CSS Grid e Flexbox

Projete visualmente um layout Grid ou Flexbox com prévia ao vivo e copie o código CSS pronto para usar.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Conversor de texto para escrita à mão

Transforme texto digitado em uma imagem que parece escrita à mão em papel pautado, em vários estilos de caligrafia.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Gerador de blobs e padrões de fundo SVG

Gere uma forma orgânica aleatória (blob) ou um padrão de fundo repetitivo sem emendas em SVG, e copie ou baixe.

Ferramentas de Design e CSSAbrir ferramenta

Pronto para experimentar o Uddatak?

Explore a biblioteca completa de ferramentas e comece a usar o que você precisa agora — grátis, sem cadastro.

Ver todas as ferramentas