🫧 Gerador de Neumorphism CSS

Crie o efeito Soft UI / Neumorphism com box-shadow duplo. Preview ao vivo, código pronto.

Cor base

Tamanho: 100px

Distância: 20px

Blur: 40px

Radius: 50px

Intensidade: 15%

Estilo

Plano Convexo Côncavo Pressionado

CSS

ℹ️ Sobre esta ferramenta

Neumorphism (Soft UI) usa dois box-shadows — um claro (cima/esquerda) e um escuro (baixo/direita) — sobre um fundo da mesma cor do elemento. O resultado é uma aparência de relevo suave. Funciona melhor com cores neutras e claras.