Animated Glass Folder is a premium Framer code component that adds a polished frosted-glass folder reveal to your website.

On hover, the folder opens smoothly and reveals up to three fanned-out images, creating an elegant preview interaction for portfolios, galleries, project showcases, file previews, product sections, and creative landing pages.

Built with a modern glassmorphism style, soft blur, layered folder depth, and smooth Framer Motion animation, this component is ideal for designers who want a refined visual detail without building custom interactions from scratch.

Features:

- Frosted glass folder design

- Smooth hover-triggered open animation

- Image fan-out reveal on hover

- Supports up to 3 custom images

- Fully customizable inside Framer

- Works directly with Framer property controls

- No extra setup required

Customizable Controls:

- Folder size

- Front folder color

- Back folder color

- Glass blur amount

- Image uploads

- Image size

- Image spacing

- Image vertical position

- Image corner radius

- Image border width

- Image border color

- Folder opening angle

- Folder vertical movement

- Folder open scale

- Fan-out amount

Best For:

- Portfolio websites

- Image galleries

- Project showcases

- File previews

- Product sections

- SaaS interfaces

- Media libraries

- Creative agency websites

- Resource sections

- Modern landing pages

For any help or suggestions, contact vaspdesigns@gmail.com