Accordion expand vs similar

2 options side by side. Our @design-infra pieces render live under the design system you choose; upstream pieces show their live demo where the host allows embedding, otherwise a screenshot with a link to the real thing. Pick or pass, then copy the feedback for your agent.

• AAccordion expandtransitionsimage
  Link-only reference · view on source site
  state — subtlerecipeOrganicTrustworthyRefined

  css · low cost · respects reduced motion

  A disclosure / accordion / collapsible section whose panel grows and shrinks in height when toggled, with the header chevron flipping between a downward "v" and an upward "^". Use for settings groups, FAQs, filter sections, "show more" details — any header + collapsible body.

  $npx skills add Jakubantalik/transitions.dev # then ask: "apply the accordion transition"

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• BFAQoclive

  Frequently asked questions

  Still stuck? Our team answers in under an hour.

  Can I bring my own domain?

  Yes. Add it in project settings; we provision TLS automatically within a minute.

  What happens if I exceed my plan?

  Do you support monorepos?

  Where is my data stored?

  drop-inCalmTrustworthy

  FAQ section on the shadcn accordion: heading left / questions right (split) or centred single column (stacked).

  $npx shadcn@latest add @design-infra/faq

  Gallery pageOpen live demo

  Pick PassAdd to shortlist

From design-infra compare — Accordion expand vs similar:
(no picks yet)

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=transitions/accordion,oc/faq&theme=soft-glass&label=Accordion+expand+vs+similar