Sidebar
Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mobile drawer, cookie-persisted state, keyboard shortcut, and fluid-hover menus with traveling selection, hover, and focus indicators. Radix flavor.

- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @radix-ui/react-dialog, class-variance-authority, lucide-react, motion
- Install
npx shadcn@latest add @fluid/sidebar- Files
registry/radix/sidebar.tsxregistry/default/sidebar-core.tsxregistry/default/sidebar-menu.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/font-weight.tsregistry/default/lib/shape-context.tsxregistry/default/lib/size-context.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Navigation Components
- React Navigation Components
- Tailwind CSS Navigation Components
- Animated Navigation Components
- shadcn/ui Navigation Components
- Sidebar Components
- React Sidebar Components
- Tailwind CSS Sidebar Components
- Animated Sidebar Components
- shadcn/ui Sidebar Components