Sidebar

ui-codarise/sidebar

UnverifiedBlock

Complete sidebar system: provider with localStorage + breakpoint tracking, collapsible shell, header (logo slots), nav (groups + items with active state), footer (User pill with avatar + more-dots affordance + optional notifications bell), mobile sheet, and toggle button. Uses plain <a> tags — swap for your router's Link. Wire up: pass groups + activeHref to SidebarNav, user + menuItems + onLogout + notifications to SidebarFooter. The footer also accepts a notificationsNode slot to drop in a richer notification experience (e.g. the notifications block's NotificationBell) without coupling the s

Install it

npx shadcn@latest add https://raw.githubusercontent.com/codarise/ui/main/registry/blocks/sidebar.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

lucide-react

Other registry items

codarise/ui/avatar
codarise/ui/badge
codarise/ui/button
codarise/ui/dropdown-menu
codarise/ui/scroll-area
codarise/ui/sheet
codarise/ui/tooltip
codarise/ui/initials

Files it writes

sidebar.tsx

More from ui

All 16 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Bento Cardbento-card	ui	Blocks	Unverified	no deps
Chat Bubblechat-bubble	ui	Blocks	Unverified	no deps
Chat Markerchat-marker	ui	Blocks	Unverified	no deps
Chat Message Rowchat-message-row	ui	Blocks	Unverified	no deps
Domain / Tenant Switcherdomain-tenant-switcher	ui	Blocks	Unverified	1 dep · 6 files
Error Stateerror-state	ui	Blocks	Unverified	1 dep
Featured Cardfeatured-card	ui	Blocks	Unverified	no deps
Loading Stateloading-state	ui	Blocks	Unverified	no deps