←
Volver al Catálogo
☀️
🌑
STACK TECH
TOASTS & NOTIFICATIONS
T
ToastMaster
Hecho con Vanilla JS & Tailwind
Sistema de Notificaciones
50 variantes de Toasts generadas dinámicamente.
Ligeras, responsivas y personalizables.
Tipos Básicos
1. Success
2. Error
3. Warning
4. Info
5. Neutral
Posicionamiento
6. Top Right
7. Top Left
8. Bottom Right
9. Bottom Left
10. Top Center
11. Btm Center
Estilos / Themes
12. Colored (Sólido)
13. Outline
14. Glass Effect
15. Dark Mode
16. Minimalista
Animaciones
17. Slide
18. Fade
19. Bounce
20. Drop
Contenido Rico
21. Con Avatar
22. Texto Largo (Multiline)
23. Solo Título
24. Solo Mensaje
25. Custom HTML
Acciones
26. Con Botón de Acción
27. Acción: Aceptar
28. Sticky + Acción (No cierra)
29. Duración Larga (8s)
Duración y Lógica
30. 1 Segundo
31. 3 Segundos
32. 10 Segundos
33. Sticky (Fijo)
34. Con Barra de Progreso
Casos Reales
35. E-commerce: Pago
36. Upload: Error
37. Chat: Mensaje
38. Sistema: Offline
39. App: Auto-save
Mix Aleatorio & Especiales
40. ¡Random Surprise!
41. Estilo Sonner
42. Sin botón cerrar
43. Simular Promesa (Load -> Success)
44. Batería
45. Print
46. Login
47. 404
48. Cookies
49. Quota
50. Lluvia de Toasts