Geradores CSS
Efeitos difíceis de escrever à mão
Liquid glass com refração real, box-shadow em camadas, superfícies neumórficas, gradientes cônicos e mesh, border-radius em forma de blob e clip-paths poligonais — cada gerador cuida da matemática e das particularidades dos navegadores, e você só copia um trecho de código.
Valores fluidos e responsivos
O Gerador de clamp() transforma um par mínimo/máximo em uma expressão CSS clamp() que se ajusta ao viewport, e o Playground de CSS Grid permite esboçar um layout em CSS Grid e exportar o template.
SCSS reutilizável
Uma biblioteca selecionada de mixins para breakpoints, tipografia, espaçamento e efeitos — copie mixins individuais ou obtenha-os pela Mixins API.
Perguntas frequentes
O resultado usa propriedades padrão; quando um efeito precisa de alternativa (backdrop-filter, filtros SVG), o gerador a inclui e indica o suporte.
Cada gerador guarda o estado na URL, então um link restaura exatamente a mesma configuração.