---
title: "Animated GlassFolder — Framer component · Best of Framer"
description: "$5.00 · Framer component · by vasp · Effects. Interactive frosted glass folder"
canonical: "https://framer.elliotli.dev/component/animated-glassfolder"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Animated GlassFolder

# Animated GlassFolder

Interactive frosted glass folder

[View on Framer](https://framer.com/marketplace/components/animated-glassfolder/?via=elliot-li)

![Animated GlassFolder preview image 1](https://framer.elliotli.dev/og/component/animated-glassfolder/5a076ec0cc40eba4/1600x900.jpg)

## Summary

Interactive frosted glass folder

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #1318

## Details

- **Author**: vasp
- **Price**: $5.00
- **Published**: 2026-07-13
- **Updated**: 2026-07-14
- **Added**: 2026-07-13
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows