vibecodng.com

Free MCP betaIndex and tools live

Measured entry

shadcn-block-sidebar-02

sidebarminimal-flat

A documentation-style application shell with a responsive collapsible sidebar, grouped expandable navigation, a search field, a version picker, a sticky header, breadcrumbs, and a content inset. It ships as shadcn registry source rather than a standalone package and relies on sidebar-related UI primitives, Radix UI, class-variance-authority, Lucide icons, Tailwind theme tokens, and the shared cn utility.

Specimen
Harness screenshot of shadcn-block-sidebar-02 at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-02 at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of shadcn-block-sidebar-02 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-02
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate2
Axe minor0
Gzip marginal67.6 KB (133.0 KB build, 65.4 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usednone

What the harness recorded

BARE BUILD

✗ Build failed in 22.34s
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 source-owned starting point for documentation shells, with sensible responsive behavior and useful navigation patterns. It needs a shadcn-style setup and does not mount bare because its primitives expect the shared cn utility and project conventions. Clean up the main landmarks before release.

Use it if

  • You are building documentation or a reference interface with deep, grouped navigation and a version selector.
  • Your project already uses shadcn conventions and you want editable source that can be adapted to your routes and content.
  • You need a sidebar shell that collapses cleanly across narrow and wide layouts.

Skip it if

  • You need a drop-in package for a project without shadcn utilities, aliases, theme tokens, and copied UI primitives.
  • You want working navigation and search out of the box; the supplied links and content are sample data that require application wiring.
  • You cannot review the host page landmark structure; the tested composition flags nested and duplicate main regions.
  • A simple navigation list is enough and the sidebar primitive stack would add unnecessary dependency weight.

Install

Installation record for shadcn-block-sidebar-02
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

In a non-shadcn project, copy the sidebar, collapsible, breadcrumb, separator, label, and dropdown-menu primitives; add the shared cn utility and path alias; install Radix UI, class-variance-authority, and Lucide React; then provide the expected Tailwind styles and theme tokens. Replace the sample links, search behavior, versions, and content with application data.

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.