Alloy Accordion
Give every service room to unfold
About this component
About
Alloy Accordion is a responsive Framer image accordion that gives services, capabilities and portfolio categories room to unfold. Numbered covers expand into artwork and text, keeping one topic in focus. Images lift, float and drift with the pointer as panels open with coordinated motion. Click, tap or hover to reveal each story without leaving the section. Vertical titles and cropped previews give the closed panels a bold editorial rhythm.
What you can customize
Make the content, styling and movement feel like your brand. Replace images, titles, descriptions and links across up to 12 items. Shape panel colors, typography, spacing, corners and dimensions, then tune image scale, transitions and pointer motion. Use bold contrasting covers or a softer palette with your own photography or illustrations. Choose horizontal, vertical or automatic layouts, click or delayed hover opening, and optional collapsible panels. Add autoplay with a progress circle and pause control. Touch, keyboard navigation and reduced-motion support are included. Set the starting panel and responsive breakpoint; stacked headers keep the presentation clear at smaller widths.
Great for (examples)
Give visitors a visual way into your content:
Creative agency services
Brand strategy and studio capabilities
Architecture project categories
Design portfolio disciplines
SaaS feature overviews
Photography and artwork series
Product collection introductions
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Explore another accordion style or carry the metallic look into your footer:
