Generador de neumórficos

El Generador de neomorfismo produce el aspecto suave y extruido conocido como neomorfismo o soft UI. Eliges una forma — plana, hundida o convexa — y ajustas la distancia, el desenfoque y el radio de borde sobre un color de fondo, y la herramienta construye el CSS de box-shadow correspondiente en vivo. Una vista previa muestra exactamente el aspecto del elemento, y un bloque de código listo para copiar contiene los estilos. Todo se ejecuta en tu navegador.

1. Elige una forma: plana, hundida o convexa 2. Define el color de fondo para que coincida con tu interfaz 3. Ajusta los controles de distancia, desenfoque y radio de borde 4. Observa la vista previa actualizarse en tiempo real 5. Haz clic en Copiar para obtener el CSS generado

El neomorfismo funciona mejor cuando el elemento y su fondo comparten el mismo color, de modo que las sombras se funden en un suave efecto 3D — elige un color de fondo parecido al de tu página. Plana da un aspecto elevado, hundida hunde el elemento hacia adentro, y convexa añade un degradado sutil para una sensación redondeada. Los valores de desenfoque menores mantienen los bordes nítidos, mientras que los mayores parecen más suaves. Un radio de borde mayor redondea las esquinas para una forma más amable.