Dev Design Library

Cinematic Stacked Gallery

A fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it to full size with Ken Burns zoom, cursor parallax, and a title/description rail with CTA and prev/next controls.

Cinematic Stacked Gallery preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/cinematic-stacked-gallery.json
Files
  • registry/new-york/cinematic-stacked-gallery/cinematic-stacked-gallery.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame