Carousel Component
A carousel component with motion and swipe built using Embla.
Basic Carousel
A simple carousel component with navigation controls.
Carousel Sizes
Carousel components with different item sizes and responsive behavior.
33% Width Items
Responsive Sizes
50% on medium screens, 33% on large screens
Carousel Spacing
Carousel components with different spacing configurations.
Fixed Spacing
Responsive Spacing
Different spacing on small vs. larger screens
Carousel with Orientation
Use the orientation prop to set the orientation of the carousel.
Carousel with Options
Using the opts prop to customize carousel behavior.
With loop: true and align: "start"
Carousel with API
Using the Carousel API to track and display the current slide position.
Slide 0 of 0
Carousel with Autoplay
Using the Autoplay plugin for automatic slide advancement.
This carousel automatically advances every 2 seconds