# Accordion UI design inspiration

Details page: https://www.details.so/inspo/category/accordion
Category: Element · 51 inspirations

Browse 51+ accordion UI design examples curated from real websites. Compare layouts, states, interactions, and visual details for your next interface.

## Inspirations
- [USAvionix — Accordion, Features](https://www.details.so/inspo/usavionix-6b1ed0.md)
- [White Desert — Accordion](https://www.details.so/inspo/white-desert-521c21.md)
- [Calendly — Accordion, Features](https://www.details.so/inspo/calendly-1f7d31.md)
- [Rogo — Accordion, Testimonial Social Proof](https://www.details.so/inspo/rogo-779a4a.md)
- [Produx — Accordion, Services Features](https://www.details.so/inspo/produx-398bfd.md)
- [Customer.io — Accordion, Features](https://www.details.so/inspo/customer-c4f338.md)
- [Editing Launchpad — Accordion](https://www.details.so/inspo/editing-launchpad-6f9157.md)
- [Trionn — Accordion, Services Features](https://www.details.so/inspo/trionn-0e293c.md)
- [MONOLOG — Accordion, FAQ](https://www.details.so/inspo/bymonolog-5c9b14.md)
- [PP Neue Montreal — Accordion](https://www.details.so/inspo/neuemontreal-e0cc23.md)
- [Truck’N Roll — Accordion, FAQ](https://www.details.so/inspo/trucknroll-48303c.md)
- [Playground — Accordion, Features](https://www.details.so/inspo/tryplayground-3511ec.md)
- [Enerblock — Accordion, Features](https://www.details.so/inspo/enerblock-9cecaf.md)
- [Good Fella — Accordion, FAQ](https://www.details.so/inspo/good-fella-rl2bxh.md)
- [Mammoth Murals — Accordion, FAQ](https://www.details.so/inspo/mammothmurals-vxekyh.md)
- [Base Habitation — Accordion, Features](https://www.details.so/inspo/basehabitation-llvs9d.md)
- [Base Habitation — Accordion, FAQ](https://www.details.so/inspo/basehabitation-llvknn.md)
- [Sundae Creative — Accordion](https://www.details.so/inspo/sundaecreative-swwqge.md)
- [Elementis — Accordion, Features](https://www.details.so/inspo/elementis-eiphak.md)
- [Caeli Energie — Accordion, FAQ](https://www.details.so/inspo/caeli-energie-yilgga.md)
- [Madar — Accordion, Features](https://www.details.so/inspo/madarplatform-yikn5e.md)
- [Won J You Studios — Accordion, Testimonial Social Proof](https://www.details.so/inspo/wonjyou-sjnak9.md)
- [Martín Briceno — Accordion, Services Features](https://www.details.so/inspo/martinbriceno-vridak.md)
- [VWLAB — Accordion, Steps Features](https://www.details.so/inspo/vwlab-k6zzsy.md)
- [Roboto Studio — Accordion, FAQ](https://www.details.so/inspo/robotostudio-avwtxm.md)
- [Roboto Studio — Accordion, Portfolio](https://www.details.so/inspo/robotostudio-on6yjq.md)
- [IHEARTCOMIX — Accordion, Portfolio](https://www.details.so/inspo/iheartcomix-xmidy7.md)
- [J-Vers — Accordion, FAQ](https://www.details.so/inspo/j-vers-adq7j2.md)
- [Praxis Leandra Isler — Accordion, Features](https://www.details.so/inspo/leandra-isler-xlrs7n.md)
- [Made With GSAP — Accordion, FAQ](https://www.details.so/inspo/madewithgsap-adi0vg.md)
- [Hot Type — Accordion](https://www.details.so/inspo/hottype-88hudl.md)
- [Obys Agency — Accordion, Features](https://www.details.so/inspo/obys-xkqfax.md)
- [Navigate — Accordion, FAQ](https://www.details.so/inspo/nvg8-xkpfhd.md)
- [Sui — Accordion, FAQ](https://www.details.so/inspo/sui-xkpk72.md)
- [24/7 Artists — Accordion, FAQ](https://www.details.so/inspo/247artists-88d8z7.md)
- [Good Is the New Cool — Accordion, FAQ](https://www.details.so/inspo/goodisthenewcool-87egz1.md)
- [Kultiveret — Accordion, Portfolio, Rows](https://www.details.so/inspo/kultiveret-879zrp.md)
- [Kultiveret — Accordion, FAQ](https://www.details.so/inspo/kultiveret-879yqf.md)
- [TOBACCO Theater — Accordion, FAQ](https://www.details.so/inspo/tobacco-ayqais.md)
- [Studio Freight — Accordion, Testimonial Social Proof](https://www.details.so/inspo/studiofreight-86g4hz.md)
- [Studio Freight — Accordion, Features](https://www.details.so/inspo/studiofreight-y6th1x.md)
- [Studio Freight — Accordion, Features, Hero](https://www.details.so/inspo/studiofreight-s1vwhn.md)
- [Mallard & Claret — Accordion, Features](https://www.details.so/inspo/mallardandclaret-j4ybir.md)
- [Trawelt — Accordion, Features](https://www.details.so/inspo/trawelt-j4ydbf.md)
- [Eduard Bodak — Accordion, FAQ](https://www.details.so/inspo/eduardbodak-j3oylf.md)
- [Effortel — Accordion, Features](https://www.details.so/inspo/effortel-j9cbek.md)
- [Sunny Bonnell — Accordion, Features](https://www.details.so/inspo/sunnybonnell-j2yqft.md)
- [Michael Aust — Accordion, FAQ](https://www.details.so/inspo/michael-aust-d9yj8r.md)
- [Medusmo — Accordion, Features](https://www.details.so/inspo/medusmo-d8rj6s.md)
- [Robot — Accordion, Portfolio](https://www.details.so/inspo/therobot-j5adzi.md)
- [FlowFest — Accordion, FAQ](https://www.details.so/inspo/flowfest-cvgfqj.md)

## Related categories
- [Button](https://www.details.so/inspo/category/button.md)
- [Carousel](https://www.details.so/inspo/category/carousel.md)
- [List](https://www.details.so/inspo/category/list.md)
- [Rows](https://www.details.so/inspo/category/rows.md)
- [3D](https://www.details.so/inspo/category/3d.md)
- [Card](https://www.details.so/inspo/category/card.md)
- [Modal](https://www.details.so/inspo/category/modal.md)

## For AI agents
Each inspiration link above returns a markdown summary. Full evidence (video frames, verified source excerpts) is available through the Details MCP: https://www.details.so/mcp.md