UTILS.
100% en el navegador

Generador de neumorfismo

Crea sombras neumórficas de soft-UI con vista previa en vivo y copia.

Acerca de esta herramienta

Diseña elementos neumórficos de soft-UI con sombras claras y oscuras emparejadas, tamaño, distancia, intensidad y desenfoque ajustables, además de un aspecto convexo o cóncavo, luego copia el CSS. En vivo en tu navegador.

Preguntas frecuentes

¿Por qué el neumorfismo usa dos sombras?
Una sombra clara y una oscura en esquinas opuestas imitan una única fuente de luz, haciendo que el elemento parezca sobresalir del fondo.
¿Cuál es la diferencia entre convexo y cóncavo?
El convexo parece elevado de la superficie, mientras que el cóncavo invierte el degradado y las sombras para que el elemento parezca hundido en ella.

Más herramientas