---
title: "3DFanGallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Creative Apes · Galleries. 3D Perspective Fan Media Gallery"
canonical: "https://framer.elliotli.dev/component/3dfangallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/3DFanGallery

# 3DFanGallery

3D Perspective Fan Media Gallery

[View on Framer](https://framer.com/marketplace/components/3dfangallery/?via=elliot-li)

![3DFanGallery preview image 1](https://framer.elliotli.dev/og/component/3dfangallery/9990e1ed887126f2/1600x1200.jpg)

## Summary

3D Perspective Fan Media Gallery

## Description

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8963

## Details

- **Author**: Creative Apes
- **Price**: $10.00
- **Published**: 2026-05-31
- **Updated**: 2026-04-14
- **Added**: 2026-03-27
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery