Sistema de Notificaciones modernas

Biblioteca ligera para mostrar modales y notificaciones con animaciones fluidas. Soporta contenido HTML, formularios, accesibilidad y personalización de animación.

Ver ejemplos Abrir playground

Documentación — Sistema de Notificaciones

🌓

Dark Mode Automático

Las notificaciones detectan automáticamente el tema activo en tu web y ajustan sus colores. Prueba cambiar el tema usando el botón de arriba y luego abre cualquier notificación.

🌞 Modo Claro

  • • Fondo blanco (#ffffff)
  • • Texto oscuro (#111827)
  • • Overlay suave

🌙 Modo Oscuro

  • • Fondo oscuro (#0f1724)
  • • Texto claro (#e6eef8)
  • • Overlay intenso
💡 Integración: Solo necesitas agregar/quitar la clase .dark al elemento <html>. Compatible con Tailwind CSS (darkMode: 'class') y frameworks personalizados.

Ejemplos

Playground