Accordion

One component, installable under whichever primitive your project already depends on.

No. Every color here is a CSS variable with a fallback, so it renders correctly whether or not your project has shadcn's theme tokens defined.

No keyframes to register. The open/close animation is plain CSS, driven by grid-rows - no Tailwind config edits required.

Yes - keyboard navigation, focus management, and ARIA attributes come from whichever headless library backs the variant you pick below.

Radix, Base UI, and React Aria all solve the same problem slightly differently. Pick whichever your project already depends on.

npx shadcn@latest add https://www.abrahamadelodun.com/r/accordion-radix.json