Preset · sidebar

Projects sidebar

Navigation built around collapsible parents with children — two expandable groups (Projects, Teams), per-item count badges, and a group "+" action. The pattern every non-trivial app needs.

Install

Add to your project

npx shadcn@latest add @devalok/sidebar-projects

Or tell your AI agent

add the @devalok/sidebar-projects preset

First time? Register the @devalok namespace once →

Add this to your components.json, then shadcn add works for every preset:

"registries": {
  "@devalok": "https://shilp-sutra.devalok.in/r/{name}.json"
}

Requires @devalok/shilp-sutra installed and its CSS imported (@import "@devalok/shilp-sutra/css"). Unstyled after install? Your CSS isn't wired — see the setup recipe.

Uses:SidebarCollapsibleTextTabler icons