Collapsible

Show & hide content with smooth transitions.

Installation

pnpm add @base-ui/react motion

Examples

Free, accessible React collapsible components built with Base UI for expandable sections, detailed views, and content previews.

Base


Destructive

Use red for destructive actions like unblocking users.


Icon

A rich trigger with verified badges on user avatars.


Default Open

Start expanded by default using the defaultOpen prop.

C
Chill Vibes24 tracks
W
Workout Mix18 tracks
L
Late Night32 tracks

Static

Open and close instantly, without animation.


Disabled

Coming Soon…