Real Folder

About Real Folder is an interactive 3D folder and visual link hub for showcasing projects, case studies, images, artwork, and resources without visible labels.

About

Real Folder is an interactive 3D folder and visual link hub for showcasing projects, case studies, images, artwork, and resources without visible labels. Click to open three staggered paper cards, switch between three color-coded collections, and explore each card through spring motion, depth, and responsive pointer tilt.

What you can customize

Use Framer’s property panel to personalize three collections with their own screen-reader name, folder color, three responsive images, links, and individual new-tab behavior. Adjust the background, starting state, pointer tilt, and motion speed. Nine original SVG artworks are included as fallbacks. This responsive Framer code component supports keyboard navigation and reduced motion.

Great for (examples)

Use it anywhere visual content deserves a tactile, space-saving way to explore:

• Creative portfolios and project showcases

• Case-study navigation and project archives

• Photography, art, and design collections

• Interactive image galleries and visual storytelling

• Resource libraries and visual link hubs

• Agency and studio websites

• Editorial and experimental landing pages

• Hero sections and featured work

Share your build

If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: [email protected] or on X @Matthias_Oel.

Need a matching component?

Pair it with Polaroid Navigation ✨ or Polaroid Footer ✨ for a complete image-led experience.

Explore all components →