Browse components

Animated Slider

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

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:gallery/animated-slider

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

Coverflow Gallery

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

Arch Gallery

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

Scrollable Carousel preview

Scrollable Carousel

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