AccordGallery transforms your visuals into a living, breathing interactive experience.Each image smoothly expands on hover while elegantly revealing its caption creating a cinematic accordion effect that draws attention and elevates storytelling.
This premium Framer component supports up to 6 images, includes seamless animations, and gives you full control over every design element from radius to typography.
Key Features
🖼️ Hover Expansion Animation – Beautifully enlarges the hovered image with smooth transitions.
✨ Default Open Selection – Choose which image stays open by default when the page loads.
🧠 Dynamic Captions – Add text labels or titles to each image with flexible styling.
⚙️ Fully Customizable Design – Modify background, border radius, text font, size, height, and padding.
🎞️ Built-in Motion Effects – Includes subtle scaling, smooth easing, and hover transitions.
📱 Responsive Layout – Automatically adjusts across devices.
🧩 Up to 6 Images Supported – Easily upload, rearrange, and personalize.
Perfect For
AI or photography showcases
Creative agency portfolios
Product and feature reveals
Team member introductions
Landing page hero sections
Customization Options
🖼️ ImagesUpload up to 6 images
🎨 BackgroundSet gallery background color
🟣 RadiusAdjust corner roundness
📏 Item HeightSet image panel height
🧱 PaddingControl spacing between items
✍️ Text FontChoose font family for captions
🔤 Text SizeAdjust caption font size
🌈 Text ColorChange caption color
⚙️ Default ImageSelect which image opens as default
💫 AnimationEnable hover scaling transitions
Experience
Hover, animate, and engage AccordGallery turns static visuals into dynamic, story driven showcases that instantly captivate viewers.
Customization:
Hamim Reza
