UTILS.
Privadas por padrão
◳

Gerador de neumorfismo

Crie sombras neumórficas soft-UI com visualização ao vivo e copie.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →

Sobre esta ferramenta

Projete elementos neumórficos soft-UI com sombras clara e escura emparelhadas, tamanho, distância, intensidade e desfoque ajustáveis, além de aparência convexa ou côncava, depois copie o CSS. Ao vivo no seu navegador.

Perguntas frequentes

Por que o neumorfismo usa duas sombras?
Uma sombra clara e uma sombra escura em cantos opostos imitam uma única fonte de luz, fazendo o elemento parecer projetado a partir do fundo.
Qual é a diferença entre convexo e côncavo?
Convexo parece elevado acima da superfície, enquanto côncavo inverte o gradiente e as sombras para que o elemento pareça pressionado para dentro dela.

Mais ferramentas