Cinematic Film Strip

Turn ordinary images into an interactive cinematic experience. 🎞️

Cinematic Film Strip is a customizable Framer Code Component that transforms your images into a continuously moving, curved film ribbon.

Featuring smooth infinite scrolling, spring-based cursor interactions, realistic film perforations, and customizable wave animations, it brings a nostalgic cinematic aesthetic to modern websites.

Built for creative portfolios, visual storytelling, and experimental web experiences.

✨ Great For

• Creative portfolios and photography websites

• Film studios and cinematographers

• Editorial and storytelling websites

• Fashion and art direction portfolios

• Interactive landing pages

• Experimental galleries and visual showcases

• Retro and cinematic website designs

👀 Preview: https://cinematicfilmstrip.framer.website/

💛 Inspiration & Credits

Created and developed by Karim Saif.

Source website / inspiration reference:

https://www.framer.com/marketplace/templates/wedding-story-rtltr/

This component is an independent implementation, with its own interactive film-strip behavior and customization controls.

⚡ Features

• Infinite Film Animation — Continuously scrolling image frames.

• Interactive Cursor Waves — Spring-based magnetic deformation that responds to cursor movement.

• Cinematic Curves — Multiple wave styles, from subtle movement to dramatic ribbons.

• Film Perforations — Customizable sprocket holes for a classic film appearance.

• Hover Interactions — Smooth slowdown or pause when hovering.

• Fullscreen Image Viewer — Open images with navigation controls.

• Image Styling — Adjust contrast, brightness, saturation, grayscale, and opacity.

• Ready-Made Presets — Classic Film, Cinematic, Minimal, and Archive.

• Responsive Canvas — Adapts to different component dimensions.

🛠 Support

Need help, found an issue, or have a feature suggestion?

X (Twitter): https://x.com/karimsaif0

Email: karimsaif010@gmail.com