UTILS.
100% no navegador

Gerador de neumorfismo

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

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