Generador de neumorphism (soft UI) en CSS
Genera un efecto de neumorfismo CSS (soft UI) con vista previa en vivo y código listo para copiar.
🔒 100 % en el cliente — no se envía ningún dato
Crea un efecto neumorphism (soft UI) en CSS con vista previa en vivo: ajusta el color, el redondeo, la distancia, el desenfoque y la intensidad de las sombras, y luego copia el código. Todo ocurre en el navegador.
What is it for?
- ▸ Diseñar botones y tarjetas en soft UI
- ▸ Obtener el box-shadow neumórfico exacto
- ▸ Probar variantes plana / cóncava / convexa
- ▸ Copiar un CSS listo para pegar
FAQ
¿Qué es el neumorphism?
Un estilo de interfaz donde los elementos parecen extruidos del fondo gracias a dos sombras opuestas (una clara, una oscura).
¿Por qué mi efecto casi no se ve?
El neumorphism funciona mejor cuando el color del elemento coincide con el del fondo. Evita el negro o el blanco puros.
¿Para qué sirve el modo «inset»?
Renderiza la sombra interior, haciendo que el elemento parezca hundido en el fondo en lugar de elevado.
¿El resultado es compatible en todas partes?
Sí, se basa en box-shadow y border-radius, compatibles con todos los navegadores modernos.