3DFanGallery

Perspective Fan Gallery

Elevate your digital storytelling with the Perspective Fan Gallery, a cutting-edge Framer component engineered for creators who demand a cinematic edge. This isn't just another image slider; it’s a spatial experience that utilizes advanced 3D Z-axis transformations to bring your content to life.

Key Highlights

3D Z-Axis Pop-out: Unlike traditional flat accordions, the active card in this gallery physically moves toward the viewer on the Z-axis, creating a tangible sense of depth and hierarchy.

Angular "Fan" Dynamics: Experience organic motion as neighboring items tilt and rotate away from the active selection, mimicking the sophisticated physics of a handheld fan or a premium editorial lookbook.

Immersive Focus System: Drive user engagement by dynamically blurring, dimming, or grayscaling inactive items. This ensures your primary content captures 100% of the audience's visual attention.

Auto-Center Focus: The container intelligently shifts its horizontal position to keep the hovered card perfectly centered in the viewport, providing a seamless browsing experience.

Mixed Media Engine: Transition effortlessly between high-resolution images and videos (MP4/WebM) with built-in support for smart autoplay and hover-triggered playback logic.

Complete Design Control

Precision Width Logic: Customize the exact width for Base (collapsed), Active (expanded), and Neighbor (peek) states to create the perfect visual rhythm.

Perspective & Rotation: Fine-tune the 3D environment with controls for Depth Context (Perspective), Pop-out Depth (Z-axis), and Max Rotation angles.

Custom Physics & Easing: Use CSS easing curves like `cubic-bezier` to align the gallery's motion with your brand’s specific animation guidelines.

Perfect For

- Creative Portfolios: Ideal for photographers and designers looking for an editorial, high-fidelity way to showcase projects.

- Agency Showreels: Perfect for displaying video case studies with a theatrical, pop-out effect.

- Luxury E-commerce: Present high-end products with a tactile, interactive feel that encourages exploration.