Shutter Carousel
Photography Portfolios: Display high-resolution work with a professional camera-lens aesthetic.
Hero Sections: Create an engaging, interactive focal point for landing pages.
Product Lookbooks: Showcase fashion or lifestyle collections with smooth, inertial scrolling.
3D WebGL Rendering: Powered by Three.js for butter-smooth performance and depth effects.
Infinite Looping: Seamlessly wraps images for a never-ending horizontal browsing experience.
Dynamic UI Elements: Includes a customizable "shutter" focal border and interactive dash lines.
Magnetic Snapping: Intelligent "snap-to-center" logic ensures images always land perfectly in frame.
Full Customization: Control everything from line density and damping to image scale and colors via Framer’s properties.
Dual Navigation: Supports both touch/drag interactions and clickable navigation arrows.
Responsive Design: Automatically adjusts camera frustum and WebGL canvas size to fit any container.
Mariam Munawar
