Browse components

Scrollable Carousel

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

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/scrollable-carousel

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 CSS

Props

PropTypeDescription
childrenReactNodeCards or other content rendered as carousel slides
ariaLabelstringAccessible label for the carousel region
classNamestringStyles for the outer carousel shell
itemClassNamestringStyles applied to every slide wrapper

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.

Animated Slider preview

Animated Slider

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

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.