3D Media Folder

Transform ordinary image galleries into an immersive, tactile 3D photo folder with realistic physics, smooth card fanning, and interactive opening mechanics designed for modern web portfolios.

Features

• Immersive 3D folder opening and closing mechanics

• Dynamic card fanning effect on hover

• Customizable stamp, straight, and rounded photo edges

• Built-in keyboard navigation and accessibility support

• Fluid responsive scaling for any screen size

• Smooth performance optimized with requestAnimationFrame

• Dark mode and custom color palette integration

• Flexible property controls for hover-open and initial state

Customization Options

• Folder width and vertical offset

• Photo size and edge styles (Stamp, Rounded, Straight)

• Cover, interior, pocket, border, and text colors

• Animation duration, open angle, and perspective depth

• Fan angle and hover-open behavior

• Initial presentation (Start Open) and custom typography

How to Use

• Drop the component onto your Framer canvas

• Add your images and custom alt text descriptions

• Customize the colors and dimensions to match your brand

• Configure motion physics and initial open state

• Publish your site for an engaging interactive experience

Use Cases

• Modern creative portfolios

• Photography showcase websites

• Personal landing pages

• Interactive gallery sections

• Visual storytelling blocks

• Design agency showcases

• Minimalist web galleries

• Feature presentation cards