Film Reel
Film strip reel lightbox with gallery navigation.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [...10 Unsplash URLs] | Array of image source URLs for the reel. |
| backgroundColor | string | #0c0a09 | Dark background color. |
When to Use
Ideal for creative studios and portfolios that want an organic 'Film Reel' aesthetic with a scrubable image gallery.
Best Practices
Provide at least 6 images for a satisfying reel experience. Use consistent aspect-ratio images for the cleanest thumbnail strip.
Why This Component Matters
Film reel animations create a sense of authenticity and human touch. This production-ready Uilora template adds a unique cinematic signature to your brand.
FAQ
QHow does navigation work?
The trigger shows a magazine-cover grid of 3 images. Inside the lightbox, click thumbnails in the bottom reel or use arrow keys.
QAre there sprocket holes?
Yes — a left-edge strip with simulated sprocket holes using inline SVG gives authentic film-strip feel.
QIs it mobile responsive?
The reel bar scrolls horizontally on mobile with touch support.