Pages de démonstration des composants
- Démonstration HTML sans classes: typographie, listes, tableaux, formulaires, médias, interactif
- Composants Spécialisés: carrousel, lightbox, forms, comparaison et plus - 100% CSS
- Composants UX sans JavaScript: accordéon, onglets, toggle, etc.
- Composants avancés sans JS ni classes: lightbox, skeleton, comparison, off-canvas, dropdown, accordion
- accordéon: details et summary
- onglets: input radio + label
- toggle switch: checkbox + label
- tooltips/info-bulles: data-tooltip + ::before/::after
- progress bars: progress/meter
- rating (étoiles): radio buttons
- cards hover effects: data-type
- flip cards
- loading spinner & skeleton
- breadcrumb navigation: data-type
- timeline: data-component
- stepper: data-status
- alerts: rôles ARIA + data-status
- pricing tables: data-type + data-featured
- expandable search: input search
- modal/dialog: avec :target
- off-canvas: scroll-snap
- carrousel/slider: scroll-snap
- forumlaire multi-étapes
Composants UX sans JavaScript et avec classes
- accordéon/collapse
- onglets (tabs)
- menu déroulant (dropdown)
- modal/dialog
- carrousel/slider
- tooltips/info-bulles
- menu hamburger
- lightbox/galerie d'images
- stepper/progress indicator
- toggle switch
- skeleton loading
- cards avec flip
- breadcrumb (fil d'Ariane)
- timeline
- notifications/alerts
- progress bars
- rating (étoiles)
- comparison slider (avant/après)
- scroll indicator
- pricing tables
- multi-step form
- image comparison
- sticky header/sidebar
- smooth scroll sections
- off-canvas menu
- feature boxes avec hover effects
- expandable search bar
- loading spinner
- scroll snap gallery
- collapsible sidebar
- image lazy load placeholder
- animated counters