Animated GlassFolder

Interactive frosted glass folder

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

Interactive frosted glass folder