3D Folder
Interactive folder card that opens on hover, fans project cards upward, and includes a lightbox gallery for visual collections.
3D Folder — Variant 1
Launch Assets
3 projects
Hover to explore
Portfolio folder
Hover the folder to reveal stacked project previews.
A compact interactive card for project archives, case studies, moodboards, product shots, or any visual collection that deserves a little depth.
Playground
Shape the component before you copy it.
Adjust the important props for this component and grab JSX that matches your choices.
size
Folder scale — sm renders at 60% for dense grid layouts.
3D Folder — Variant 2
Launch Assets
3 projects
Hover to explore
Portfolio folder
Hover the folder to reveal stacked project previews.
A compact interactive card for project archives, case studies, moodboards, product shots, or any visual collection that deserves a little depth.
Playground
Shape the component before you copy it.
Adjust the important props for this component and grab JSX that matches your choices.
size
Folder scale — sm renders at 60% for dense grid layouts.
Animation effects
Copy-paste ready
Use the Code tab above to inspect and copy this component into your project.