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