Shadcn.io is not affiliated with official shadcn/ui
Ken Burns Effect Gallery
A cinematic gallery with Ken Burns zoom and pan animations built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for smooth crossfade transitions and subtle motion effects
Create a cinematic viewing experience with this Ken Burns effect gallery that adds subtle zoom and pan animations to images. The effect cycles through images with smooth crossfade transitions, creating professional documentary-style presentations perfect for portfolios and hero sections.
Ken Burns Effect Gallery preview
Installation
Related Components
Coverflow Gallery
Coverflow gallery layout
Waterfall Gallery
Waterfall gallery layout
Accordion Gallery
Accordion gallery layout
Thumbnail Strip Gallery
Thumbnail Strip gallery layout
Slideshow Gallery
Slideshow gallery layout
Fade Gallery
Fade gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Instagram Grid Gallery
An Instagram-style 3-column square grid gallery with hover overlays and profile header built with React, Next.js, shadcn/ui, and Tailwind CSS
Lightbox Gallery with Modal Preview
An interactive lightbox gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring expandable modal previews with navigation