Coverflow Gallery

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

Add to your project

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

MCP ID

component:gallery/coverflow-gallery

Claude*

Codex*

Lovable

Base44

Figma Make

Replit*

Cursor*

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

React

Tailwind CSS

Prop	Type	Description
`items`	`GalleryItem[]`	Gallery entries — image src, alt, and optional caption
`cardWidth`	`number`	Card width in px
`cardHeight`	`number`	Card height in px
`cornerRadius`	`number`	Border radius in px
`autoplay`	`boolean`	Auto-advance slides (pauses on hover/focus)
`showCaption`	`boolean`	Show the caption on the focused card
`className`	`string`	Styles for the outer shell

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

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

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