Carousel
Image/content slideshow with navigation controls, autoplay, infinite loop, and swipe gestures
Carousel
A responsive carousel component with autoplay, navigation, effects and glassmorphism styling.
Basic Carousel
Start with a simple carousel that supports navigation and autoplay.
Nature Scene
Explore the beauty of nature
Mountain View
Breathtaking mountain scenery
Sunset Paradise
Golden hour magnificence
Ocean Views
Tranquil coastal beauty
Carousel with Call-to-Action
Add primary and secondary actions over the slide content.
Nature Scene
Explore the beauty of nature
Mountain View
Breathtaking mountain scenery
Sunset Paradise
Golden hour magnificence
Ocean Views
Tranquil coastal beauty
Glass Effect Carousel
Use the glass variant to create elegant, modern hero sliders.
Nature Scene
Explore the beauty of nature
Mountain View
Breathtaking mountain scenery
Sunset Paradise
Golden hour magnificence
Ocean Views
Tranquil coastal beauty
Fade Effect
Switch slides with a smooth fade animation for cinematic experiences.
Nature Scene
Explore the beauty of nature
Mountain View
Breathtaking mountain scenery
Sunset Paradise
Golden hour magnificence
Ocean Views
Tranquil coastal beauty
Minimal Auto-play
A simple, auto-playing carousel without navigation controls.
Nature Scene
Explore the beauty of nature
Mountain View
Breathtaking mountain scenery
Sunset Paradise
Golden hour magnificence
Ocean Views
Tranquil coastal beauty
Usage Guidelines
When to Use
- Image galleries
- Testimonials
- Product showcases
Accessibility
- Slide announced on change
- Controls keyboard accessible
Performance
- CSS transforms for slides
- Lazy image loading
Common Mistakes
- Auto-advance too fast
- No manual navigation