AccordGallery
Elegant interactive accordion gallery with smooth hover animation and dynamic captions designed for creative portfolios, product showcases, and AI visuals.
Make it with Workshop
Build your own component with AI
About this Component
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:
