Animated SliderFree

Premium animated image and content slider with directional transitions, swipe gestures, captions, and numbered progress.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer MotionSolar Icons

Props

PropTypeDescription
slidesAnimatedSlide[]Image or custom content slides with optional copy
indexnumberControlled active slide index
defaultIndexnumberInitial uncontrolled slide index
onIndexChange(index: number) => voidCalled when the active slide changes
classNamestringStyles for the carousel region

More Gallery Components

Minimal office workspace
Modern concrete building
Architectural interior detail
Bright living room interior
Curved glass tower

3D coverflow carousel with keyboard, dot nav, and optional autoplay that pauses on hover.

Minimal office workspace
Modern concrete building
Architectural interior detail
Bright living room interior
Curved glass tower
Styled interior corner
Warm living space

Fanned photo arch with center-forward stacking; hover lifts a card and scales it up.

Scrollable Carousel preview

Responsive horizontal carousel with native scrolling, scroll snapping, and accessible previous and next controls.