Dev Design Library

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.

Sidebar preview
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.tsx
  • registry/default/sidebar-core.tsx
  • registry/default/sidebar-menu.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism