El Generador Definitivo de Sombra Suave y Glassmorphism es un estudio de diseño que crea 'sombras apiladas' basadas en la física y 'glassmorphism' que distorsiona el espacio, permitiendo a los ingenieros obtener intuitivamente una 'textura de alta gama'.

Características Principales

• Modo de Sombra Suave: Genera automáticamente hasta 6 capas de sombras que se desvanecen exponencialmente hacia una 'sombra final' especificada. Con ajuste de curva y configuración de color ambiental, puede crear sombras hermosas y luminosas.
• Modo Glassmorphism: Logra un efecto de vidrio esmerilado. Ajusta la opacidad, el desenfoque, la saturación y el borde semitransparente para crear una interfaz de usuario de lujo al estilo Apple.
• Modo Neumorfismo: Genera el estilo neumórfico. Permite ajustar el ángulo de la fuente de luz, la intensidad y la forma (convexa/cóncava).
• Fondos Dinámicos: El fondo del área de vista previa se puede seleccionar entre degradado de malla, imagen personalizada o color sólido. Permite verificar con precisión el efecto de glassmorphism.
• Preajustes Premium: Aplica con un solo clic preajustes que emulan estilos de empresas famosas como Stripe, Vercel, Material v3, macOS Sidebar, etc.
• Conmutador de Comparación: Compara visualmente la belleza de la Sombra Suave con una sombra CSS única estándar.

Formatos de Salida

• CSS Puro: Copia directamente los box-shadow y backdrop-filter generados.
• Tailwind JIT: Cadenas de clase utilizables en la notación JIT de Tailwind CSS.
• Tailwind Config: Formato de objeto de configuración para añadir a tailwind.config.js.

Privacidad y Seguridad

Todo el procesamiento se realiza completamente en el navegador. Los datos introducidos nunca se envían al servidor.

• 2024-01-01Lanzamiento inicial. Implementados los 3 modos: Sombra Suave, Glassmorphism y Neumorfismo. Añadidas las funciones de Preajustes Premium, Conmutador de Comparación y Fondos Dinámicos.