Shadcn.io is not affiliated with official shadcn/ui
Film Ribbon Gallery
A horizontal filmstrip gallery with sprocket decorations and retro film aesthetic featuring scrollable single-row layout built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion
Create a nostalgic film-inspired gallery with horizontal scrolling and authentic sprocket hole decorations. Perfect for photography portfolios, vintage content, and creative presentations.
Film Ribbon Gallery preview
Installation
Related Components
Image Grid Hover Gallery
Image Grid Hover gallery layout
Staggered Reveal Gallery
Staggered Reveal gallery layout
Hexagonal Gallery
Hexagonal gallery layout
Carousel 3d Gallery
Carousel 3d gallery layout
Lightbox Gallery
Lightbox gallery layout
Masonry Gallery
Masonry gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Gallery Responsive Columns
A gallery that demonstrates responsive column counts with 1 col on mobile, 2 on md, 3 on lg, 4 on xl built with React, Next.js, shadcn/ui, and Tailwind CSS
App Screenshot Gallery
A production-ready app screenshot gallery component for SaaS landing pages built with React, Next.js, shadcn/ui, and Tailwind CSS. Features browser chrome mockups with feature labels.