Gerador de Clip-Path CSS
Crie formas CSS com clip-path: polígonos, círculos, elipses e insets. Selecione presets (estrela, hexágono, seta, chevron) e copie o código pronto. Tudo no navegador.
O que é clip-path?
clip-path recorta um elemento em uma forma personalizada usando coordenadas (polygon()), círculo, elipse ou inset. Apenas a área dentro da forma fica visível — o restante do elemento é cortado.
Útil para criar headers diagonais, cards com cantos cortados, balões, setas e ícones complexos sem precisar de SVG ou imagens. Tudo no navegador.
Ferramentas Relacionadas
Decodificador Pix
Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.
Buscador de Ícones
Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.
Formatador .env
Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.