Gerador de neumorphism (soft UI) em CSS
Gere um efeito de neumorfismo CSS (soft UI) com pré-visualização ao vivo e código pronto para copiar.
🔒 100 % no cliente — nenhum dado enviado
Crie um efeito neumorphism (soft UI) em CSS com pré-visualização ao vivo: ajuste a cor, o arredondamento, a distância, o desfoque e a intensidade das sombras e copie o código. Tudo acontece no navegador.
What is it for?
- ▸ Projetar botões e cartões em soft UI
- ▸ Obter o box-shadow neumórfico exato
- ▸ Testar variantes plano / côncavo / convexo
- ▸ Copiar um CSS pronto para colar
FAQ
O que é neumorphism?
Um estilo de interface onde os elementos parecem extrudados do fundo graças a duas sombras opostas (uma clara, uma escura).
Por que meu efeito quase não aparece?
O neumorphism funciona melhor quando a cor do elemento é igual à do fundo. Evite preto ou branco puros.
Para que serve o modo “inset”?
Renderiza a sombra interna, fazendo o elemento parecer afundado no fundo em vez de elevado.
O resultado é compatível em todo lugar?
Sim, baseia-se em box-shadow e border-radius, suportados por todos os navegadores modernos.