Screens, pre-assembled from the system
Real-world compositions built from shilp-sutra components. Copy the source and own it, or point your AI agent at our registry and let it install one for you.
Register the @devalok namespace in your components.json once, then tell your AI agent “add the @devalok/sidebar-app preset” — it pulls the source into your codebase and installs what it needs. Works with the shadcn CLI and any shadcn-compatible MCP.
App sidebar
Batteries-included app navigation: brand lockup, grouped nav, a collapsible project list, count/status badges, a group "+" action, and a user footer. The copy-and-own replacement for the deprecated AppSidebar.
@devalok/sidebar-appProjects 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.
@devalok/sidebar-projectsClient-portal sidebar
A leaner, flat navigation for a customer-facing portal — dashboard, deliverables, invoices, messages, support, and a footer help card. No nested sections.
@devalok/sidebar-clientMinimal icon rail
A compact, label-free sidebar — each item is an icon with a tooltip. Good for tool-dense apps or a secondary rail. Rail width is a single CSS var.
@devalok/sidebar-minimal