Back
🎠Carousel Animation Showcase
All available carousel transition styles and their usage.
Slide Carousel
Horizontal slide transition — card moves left/right with directional enter/exit (PostCarousel)
Welcome to Wise Roots!
We are thrilled to welcome new students to our campus.
Fade Carousel
Crossfade transition — images gently fade in and out on an interval (FadeCarousel)
Horizontal Scroll Carousel
Multiple cards visible at once, scrolling horizontally with nav buttons (UpcomingCampsCarousel style).
Welcome to Wise Roots!
Summer Camp Registration Open
Student Success Story
📌 Components
PostCarousel— Swipeable single-card carousel with slide transitions. Props: posts, renderCard, itemKey.FadeCarousel— Auto-advancing crossfade image carousel. Props: images, interval, className.UpcomingCampsCarousel— Horizontal scroll carousel for camp/course cards with flyer modal.NewsCarousel— Slide-style carousel for news posts with swipe support.