gerador de neumórficos

O Gerador de neomorfismo produz o visual suave e extrudado conhecido como neomorfismo ou soft UI. Você escolhe uma forma — plana, pressionada ou convexa — e ajusta a distância, o desfoque e o raio dos cantos sobre uma cor de fundo, e a ferramenta constrói o CSS de box-shadow correspondente ao vivo. Uma prévia mostra exatamente como o elemento ficará, e um bloco de código pronto para copiar contém os estilos. Tudo acontece no seu navegador.

1. Escolha uma forma: plana, pressionada ou convexa 2. Defina a cor de fundo para combinar com a sua interface 3. Ajuste os controles de distância, desfoque e raio dos cantos 4. Acompanhe a prévia atualizando em tempo real 5. Clique em Copiar para obter o CSS gerado

O neomorfismo funciona melhor quando o elemento e o fundo compartilham a mesma cor, então as sombras se fundem num efeito 3D suave — escolha uma cor de fundo próxima à da sua página. Plana dá um visual elevado, pressionada afunda o elemento para dentro, e convexa adiciona um gradiente sutil para um efeito arredondado. Valores menores de desfoque mantêm as bordas nítidas, enquanto maiores ficam mais suaves. Um raio de cantos maior arredonda os cantos para uma forma mais amigável.