Arch GalleryPro

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

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 CSS

Props

PropTypeDescription
itemsGalleryItem[]Gallery entries — image src and optional alt
cardWidthnumberCard width in px
cardHeightnumberCard height in px
cornerRadiusnumberBorder radius in px
classNamestringStyles for the outer shell

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.

Animated Slider preview

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

Scrollable Carousel preview

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