About 3D Interactive Folde
ransform static portfolio grids into an engaging, tactile experience. 3D Interactive Folder is an ultra-smooth, lightweight interactive component built natively for Framer.
When visitors hover over the folder, the front flap tilts open in realistic 3D perspective while your project cards gracefully rise and fan out with natural cubic-bezier physics. Clicking on any card launches a distraction-free, full-screen HD lightbox with keyboard navigation (← / → / Esc), dot indicators, and direct project visit links.
🎨 3 Distinct Folder Archetypes (All-in-One Component)
Switch between 3 crafted design personalities directly from the Framer sidebar:
Classic 3D: Traditional studio folder with an angled top tab, warm terracotta/orange tones (customizable), and an asymmetrical fan-out of project cards.
Glass Transparent: Ultra-modern frosted acrylic / cyber glassmorphism with real-time backdrop blur (
backdrop-filter: blur), delicate glowing rims, and ambient neon reflections.Modern Creative: Architectural document sleeve with an accent-trimmed top notch and vertical elevator cards that rise like fine-art prints.
🚀 Key Highlights:
Dynamic Property Controls: Sidebar controls otomatis menyesuaikan style yang dipilih (tanpa menu berantakan).
Customizable Folder Items: Bebas menambah/mengurangi item project dengan judul, tag, deskripsi, link eksternal, dan upload gambar langsung via Framer Image Picker.
Configurable 3D Card Spread: Tentukan berapa banyak kartu yang ingin ditampilkan di folder (1 hingga 6 kartu).
100% Marketplace Compliant: Zero external dependencies (tanpa CDN eksternal), GPU-friendly dengan
useIsStaticRenderer(), dan fully responsive untuk mobile & desktop.
