Interactive Playground
Active Slide: 1 / 6Change the layout strategy, toggle indicators, autoplay, or navigate programmatically.
Interactive implementation of Google's Material Design 3 Carousel specification.
Change the layout strategy, toggle indicators, autoplay, or navigate programmatically.
Displays items of varying sizes (large, medium, and small peek). Dynamically recalculates item widths as the container resizes.
Displays uniform width items scrolling across the container boundary. Excellent for cards, articles, and text-heavy items.
Discover Material 3 Expressive buttons, pickers, cards, navigation, and carousels.
Full support for dynamic color schemes, shape tokens, and typography scales.
Standards-compliant Lit web components with seamless framework compatibility.
Auto-adapting layouts with smooth touch, trackpad, and mouse drag interactions.
Spotlights one dominant large item with a smaller peek item on the trailing side.
Centers one large focal item flanked by peek items on both the left and right edges.
Edge-to-edge full width slide presentation with pagination and hover-pause autoplay.