Carousel Slider
A premium, cinematic carousel slider powered by Framer Motion. It features smooth physics-based transitions, staggered content entry, and interactive navigation elements. Designed for high-impact visual storytelling with full responsiveness.
Live Interactive Preview
EXPLORE
EXOTIC ADVENTURE
Bali, Indonesia
Source
npx futureuikit add infinite-slider Details
Advanced animations using Framer Motion's AnimatePresence.Cinematic slide transitions with staggered content reveals.Interactive navigation arrows and smart pagination dots.Automatic progress indicator synchronized with the auto-play timer.Supports high-resolution images with sophisticated gradient overlays.Fully responsive and optimized for both touch and mouse interactions.
How to Use?
- Import CarouselSlider into your page or section.
- Provide an array of slide objects with title, tag, location, and image.
- Adjust autoPlayInterval to control the slide duration.
- Use high-quality images for the best visual impact.
- Position the slider within a full-width or large-container layout.