Generador de Neumorfismo

Generador gratuito de neumorfismo CSS en línea. Crea hermosos efectos de interfaz suave (neumórfica) con vista previa en tiempo real. Ajusta intensidad, desenfoque, color y forma. CSS listo para copiar.

Soft UI

Neumorphic effect

Controles
Preajustes
Código CSS
  

Acerca del Generador de Neumorfismo CSS

El neumorfismo (también llamado Soft UI) es una tendencia de diseño moderna que crea interfaces suaves tipo plástico extruido usando sombras de caja sutiles. Este generador en línea gratuito te permite diseñar y personalizar efectos neumórficos con vista previa en tiempo real. Ajusta la distancia de sombra, desenfoque, color de fondo, radio de borde y elige entre formas convexas (elevadas) y cóncavas (presionadas). Copia el código CSS generado y úsalo al instante en tus proyectos web.

Características

Preguntas Frecuentes

¿Qué es el neumorfismo?

El neumorfismo (o Soft UI) es una tendencia de diseño que usa sombras de caja sutiles para crear elementos suaves tipo plástico extruido que parecen sobresalir o estar presionados en el fondo. Se basa en una paleta de colores monocromática y posicionamiento cuidadoso de sombras.

¿El CSS generado funciona en todos los navegadores?

¡Sí! El neumorfismo usa propiedades estándar de box-shadow de CSS que son compatibles con todos los navegadores modernos e incluso más antiguos. No se requieren filtros especiales ni características experimentales.

¿Cuál es la diferencia entre convexo y cóncavo?

Las formas convexas (elevadas) parecen sobresalir hacia afuera usando sombras desplazadas. Las formas cóncavas (presionadas) parecen estar hundidas usando sombras internas. Ambas se logran con diferentes combinaciones de valores de box-shadow.

¿Es gratis usar esta herramienta?

Sí, completamente gratis. Todo el procesamiento ocurre en tu navegador. Sin registro, sin límites, sin solicitudes al servidor.