Shadcn.io is not affiliated with official shadcn/ui
Gallery Ribbon
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.
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.
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
Screenshot
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.