Folder Card is a sleek hover interaction inspired by desktop file folders. On hover, the folder smoothly expands upward, revealing more of the featured image while keeping the content neatly tucked inside the bottom panel. Perfect for showcasing products, portfolios, case studies, projects, or CMS collections with a playful yet premium feel.
Smooth folder opening hover animation
Clean layered folder design
Responsive across desktop, tablet, and mobile
Easy to customize colors, radius, spacing, and content
CMS-friendly
No code required
Product showcases
Portfolio projects
Digital product stores
Agency websites
Fragrance & fashion brands
Photography portfolios
Gallery sections
Folder Card is a sleek hover interaction inspired by desktop file folders. On hover, the folder smoothly expands upward, revealing more of the featured image while keeping the content neatly tucked inside the bottom panel. Perfect for showcasing products, portfolios, case studies, projects, or CMS collections with a playful yet premium feel.
Smooth folder opening hover animation
Clean layered folder design
Responsive across desktop, tablet, and mobile
Easy to customize colors, radius, spacing, and content
CMS-friendly
No code required
Product showcases
Portfolio projects
Digital product stores
Agency websites
Fragrance & fashion brands
Photography portfolios
Gallery sections
