Shadcn Drawer 4
A drawer that opens from the top side. Built by composing Button, Drawer. A free, open source shadcn drawer example you can install with npx shadcn@latest add @reui/c-drawer-4 and edit as your own code.
A drawer that opens from the top side
About Shadcn Drawer 4
A drawer that opens from the top side. Built by composing Button, Drawer. A free, open source shadcn drawer example you can install with npx shadcn@latest add @reui/c-drawer-4 and edit as your own code.
What You Can Build With Shadcn Drawer 4
- Composes Button, Drawer, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-drawer-4
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Drawer Examples
Related Shadcn Component Categories
Open-source shadcn dropdown menu components for action menus, profile menus, and toolbar menus.
Open-source shadcn empty state components for zero-data screens, first-run onboarding, and guided next steps.
Open-source shadcn event calendar components with month, week, day and agenda views, and drag-and-drop scheduling.
Open-source shadcn form field components for form composition, validated inputs, and helper text.
Open-source shadcn file upload components for drag-and-drop uploads, multi-file flows, and upload progress.
Open-source shadcn filters components for filter bars, faceted search, and dashboard filtering.