vibecodng.com

Free MCP betaIndex and tools live

Measured entry

shadcn-block-sidebar-07

sidebarminimal-flat

A shadcn registry dashboard shell with an icon-collapsing sidebar, nested navigation, project actions, team switching, an account menu, breadcrumbs, and a content scaffold. It ships as React client components and a page, and depends on Tailwind theme tokens, shadcn sidebar and menu primitives, Radix UI, class-variance-authority, and Lucide icons.

Specimen
Harness screenshot of shadcn-block-sidebar-07 at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-07 at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-07 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-07
BuildOK
MountOK
Console errors2
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious1
Axe moderate2
Axe minor0
Gzip marginal71.3 KB (136.7 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 29.32s
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

A solid dashboard starting point once its sample links and data are replaced. It needs a shadcn-style setup and does not build or mount bare because the expected utility module is absent. Fix the contrast and landmark structure, and provide the referenced avatar asset, before production use.

Use it if

  • You need a dashboard shell with collapsible primary navigation and mobile-aware menus.
  • Your product needs team switching, project links, and account actions in one sidebar.
  • Your app already follows shadcn conventions and can replace the sample data and placeholder links.

Skip it if

  • You need a standalone sidebar that can drop into a project without shadcn utilities and theme tokens.
  • You cannot budget time to correct the contrast and duplicate main-landmark issues found by the audit.
  • You want a small navigation primitive rather than a complete dashboard page shell.
  • Your routing and account actions must work immediately, since the supplied content is sample data with placeholder links.

Install

Installation record for shadcn-block-sidebar-07
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 with the required theme tokens, configure the at-sign import alias, provide the class-merging 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. Keep the interactive files client-rendered.

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.