STACK TECH PATRONES DE INTERACCIÓN

Catálogo de Patrones de Interacción

Una colección de +50 estados de interfaz: Hover, Active, Disabled, Loading, Empty & Error.

TailwindCSS JS Vanilla Responsive

Botones y Estados de Acción

1. Fade Hover
2. Lift & Shadow
3. Outline Fill
4. Gradient Scale
5. Icon Reveal
6. Disabled (Opacity)
7. Disabled (Gray)
8. Soft UI Hover

Loading States

9. Button Spinner
10. Text Replacement
11. Text Skeleton
12. Avatar Skeleton
13. Linear Progress
14. Indeterminate

Inputs y Validación

Email inválido

19. Floating Label
21. Custom Checkbox Custom Check

Empty & Error States

23. No Projects

Get started by creating a new project.

24. Offline

Check your internet connection.

27. Saved successfully

28. No results found for "xyz"

404

29. Page not found interaction (Hover me)

Cards y Efectos Visuales

30. Scale Effect

Smooth scaling on hover

31. Neon Border

Glow effect on hover

Background

32. Image Zoom

Hello!

33. Curtain Reveal

34. Spin Icon

35. Skew

Distort perspective

Miscelánea & Estados Complejos

I'm a tooltip!
38. Live
39. Radio Hover
40. Drag Me

42. Drop Zone Hover

43. Pagination:
45. Hover to Delete
47. Img Load
48. Blur
49. Colorize