Dev Design Library

Sidebar Collapsible

A sidebar that folds down to its icons, with recent pages and the account at the bottom.

Sidebar Collapsible preview
Library
Nexvyn UI
Framework
React
Type
block
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, motion
Install
npx shadcn@latest add @nexvyn/sidebar-collapsible
Files
  • components/blocks/sidebar/sidebar-collapsible.tsx
  • components/blocks/sidebar/sidebar.tsx
  • lib/hooks/use-controlled-state.ts
  • lib/hooks/use-focus-trap.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI