1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. ai2
  3. Accordion

Accordion

ui

Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxed) plus animated open/close (ai2 motion tokens) and a rotating chevron. Variant flows from Accordion to every item via context. Exports Accordion, AccordionItem, AccordionTrigger, AccordionContent.

pnpm dlx shadcn@latest add "https://ai2.design/r/accordion.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • class-variance-authority@^0.7.1
  • radix-ui@^1.6.1
  • lucide-react@^1.23.0
  • tw-animate-css@^1.4.0
components/ui/accordion.tsx