design-infraReport a problem or share feedback← Catalog
Sidebar
curatedfreeaceternity/sidebar
Expandable sidebar that expands on hover, mobile responsive and dark mode support
$
npx shadcn@latest add @aceternity/sidebarnpm deps: @tabler/icons-react, motion
Our notes
Hover-expand app sidebar. For full app shells prefer shadcn Sidebar.- Source
- Aceternity UI
- Kind
- component
- Categories
- sidebar, dashboard
- Use as
- drop-in — replaces your component
- Applies to
- sidebar
- Motion
- on hover, state · subtle · motion · medium cost · ignores reduced motion
- Tags
- special, utilities
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- App shelloc/app-shellProduct app frame on the shadcn sidebar: brand header, grouped nav with badges, user dropdown, icon-collapse (Cmd/Ctrl+B) and mobile sheet; header bar with breadcrumbs + action slot; content slot.
- Template · SaaS dashboardoc/template-saas-dashboardStarter page → app/dashboard/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 3 @oc blocks. Preview: /templates/template-saas-dashboard.
- Sidebar 07shadcn/sidebar-07Sidebar that collapses to icons, with team switcher + user menu — the best default app shell. Writes app/dashboard/page.tsx and components/app-sidebar.tsx (installing another sidebar-NN overwrites it).