Base Accordion

An animated accordion component built on Base UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.

Library

Sora UI

Framework

React

Type

ui

License

MIT + Commons Clause (partes)

Dependencies

@base-ui/react, class-variance-authority, lucide-react, motion

Files

• apps/www/registry/ui/base/accordion/index.tsx
• apps/www/registry/hooks/use-controlled-state/index.tsx
• packages/ui/src/hooks/use-controlled-state.ts
• packages/ui/src/lib/utils.ts

Source

https://github.com/SoraLabsOSS/ui

Categories

• Accordion Components
• React Accordion Components
• Tailwind CSS Accordion Components
• Animated Accordion Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from Sora UI

• Accordion
• Radix Accordion
• Base Alert Dialog
• Base Button
• Base Checkbox
• Base Context Menu
• Base Dialog
• Base Dropdown Menu
• Input
• Base Switch
• Base Tooltip
• Cursor Bubble