Pages de démonstration des composants

Composants UX sans JavaScript ni classes CSS

  1. accordéon: details et summary
  2. onglets: input radio + label
  3. toggle switch: checkbox + label
  4. tooltips/info-bulles: data-tooltip + ::before/::after
  5. progress bars: progress/meter
  6. rating (étoiles): radio buttons
  7. cards hover effects: data-type
  8. flip cards
  9. loading spinner & skeleton
  10. breadcrumb navigation: data-type
  11. timeline: data-component
  12. stepper: data-status
  13. alerts: rôles ARIA + data-status
  14. pricing tables: data-type + data-featured
  15. expandable search: input search
  16. modal/dialog: avec :target
  17. off-canvas: scroll-snap
  18. carrousel/slider: scroll-snap
  19. forumlaire multi-étapes

Composants UX sans JavaScript et avec classes

  1. accordéon/collapse
  2. onglets (tabs)
  3. menu déroulant (dropdown)
  4. modal/dialog
  5. carrousel/slider
  6. tooltips/info-bulles
  7. menu hamburger
  8. lightbox/galerie d'images
  9. stepper/progress indicator
  10. toggle switch
  11. skeleton loading
  12. cards avec flip
  13. breadcrumb (fil d'Ariane)
  14. timeline
  15. notifications/alerts
  16. progress bars
  17. rating (étoiles)
  18. comparison slider (avant/après)
  19. scroll indicator
  20. pricing tables
  21. multi-step form
  22. image comparison
  23. sticky header/sidebar
  24. smooth scroll sections
  25. off-canvas menu
  26. feature boxes avec hover effects
  27. expandable search bar
  28. loading spinner
  29. scroll snap gallery
  30. collapsible sidebar
  31. image lazy load placeholder
  32. animated counters