vibecodng.com

Free MCP betaIndex and tools live

Measured entry

shadcn-block-sidebar-08

sidebarminimal-flat

A copy-in dashboard shell built around shadcn's inset Sidebar. The registry ships a page plus separate primary, project, secondary, and user navigation components, with collapsible groups, dropdown actions, breadcrumbs, and an account menu. It depends on shadcn UI primitives, Radix UI, class-variance-authority, Lucide icons, Tailwind theme tokens, and the shared class-name utility.

Specimen
Harness screenshot of shadcn-block-sidebar-08 at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-08 at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-08 at 1440 pixels wide
Harness screenshot at 1440 pixels wide. No horizontal overflow recorded.

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for shadcn-block-sidebar-08
BuildOK
MountOK
Console errors2
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious1
Axe moderate2
Axe minor0
Gzip marginal71.0 KB (136.4 KB build, 65.4 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usednone

What the harness recorded

CONSOLE

Failed to load resource: the server responded with a status of 404 (Not Found)

CONSOLE

Failed to load resource: the server responded with a status of 404 (Not Found)

BARE BUILD

✗ Build failed in 32.19s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/components/ui/separator.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

It mounts in the configured harness and adapts without overflow, but it needs a shadcn-style setup; a bare project fails because the shared class-name utility is absent. Treat it as a capable shell, not production-ready UI, until its landmarks, contrast, placeholder behavior, and missing asset requests are fixed.

Use it if

  • You need a responsive application sidebar with nested primary navigation, project actions, utility links, and a user menu.
  • Your app already follows shadcn's copy-in component model and has its aliases, theme tokens, and shared utilities configured.
  • You are prepared to replace static sample data, placeholder routes, account actions, and the supplied avatar with real application behavior.

Skip it if

  • You need a drop-in package for a plain React project without shadcn aliases, primitives, and theme infrastructure.
  • You cannot budget a cleanup pass for the contrast issue and the duplicate, nested main landmarks found by the accessibility check.
  • You want a minimal navigation dependency footprint, since this block brings several interactive primitives and a material client-side addition.
  • You need finished routing, authorization, account workflows, or project actions rather than a static dashboard shell.

Install

Installation record for shadcn-block-sidebar-08
Declared dependenciesradix-ui, class-variance-authority, lucide-react
Missing on installnone
Bare installfails once the shadcn-style helpers are removed, so it needs that setup
Providerno provider required in the harness

For a non-shadcn project, add Tailwind and the shadcn theme variables, configure the at-sign import alias, provide the shared class-name utility under the expected lib path, copy the sidebar, breadcrumb, separator, collapsible, dropdown-menu, and avatar primitives, and install Radix UI, class-variance-authority, and Lucide React. Then wire real routes and data, supply the avatar asset, and keep a single top-level main landmark.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

Author repository

github.com/shadcn-ui/ui
License
MIT
Record published
2026-08-13

Alternatives

Other published entries for the sidebar pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.