Sidebar vs similar

3 options side by side. Our @design-infra pieces render live under the design system you choose; upstream pieces show their live demo where the host allows embedding, otherwise a screenshot with a link to the real thing. Pick or pass, then copy the feedback for your agent.

• AApp shelloclive
  • AcmePro workspace

  • Dashboard
  • Inbox
    4
  • Projects
  • Team

  Workspace

  • Settings

  • MCMaya Chenmaya@acme.com

  Toggle Sidebar
  drop-inTechnicalRefined

  Product app frame on the shadcn sidebar: brand header, grouped nav with badges, user dropdown, icon-collapse (Cmd/Ctrl+B) and mobile sheet; header bar with breadcrumbs + action slot; content slot.

  $npx shadcn@latest add @design-infra/app-shell

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• BTemplate · SaaS dashboardoclive
  • RRelayAcme workspace

  • Overview
  • Customers
    12
  • Revenue
  • Reports

  Workspace

  • Integrations
  • Billing
  • Settings
  • Help

  • MCMaya Chenmaya@acme.com

  Toggle Sidebar

  Overview

  How Acme is doing this month.

  ExportNew invoice

  Monthly recurring revenue

  $48,210

  12.4%increase

  vs. last month

  Active customers

  1,284

  4.1%increase

  vs. last month

  Churn rate

  2.1%

  0.6%decrease

  lower is better

  Failed payments

  7

  40.0%increase

  vs. last month

  Revenue

  Daily net revenue vs. the previous period

  7d30d90d

  Recent activity

  Billing events across all customers

  • TC

    Tyrell Corp upgraded to Enterprise

    2m ago

    +$2,300
  • S

    Soylent started a trial

    18m ago

  • MD

    Massive Dynamic payment failed

    1h ago

    $490
  • C

    Cyberdyne added 6 seats

    3h ago

    +$294
  • PP

    Pied Piper canceled subscription

    yesterday

    −$49

  Customers

  All paying and trialing accounts.

  Status

  CSV

  	Customer	Plan	Status	MRR	Joined
  	NT Northwind Traders ops@northwind.com	Enterprise	Active	$2,400	Mar 14, 2026
  	G Globex billing@globex.io	Team	Active	$490	May 2, 2026
  	I Initech it@initech.com	Team	Past due	$490	Jan 21, 2026
  	H Hooli finance@hooli.xyz	Enterprise	Active	$3,200	Nov 30, 2025
  	UL Umbrella Labs hello@umbrella.dev	Starter	Trialing	$0	Sep 18, 2026
  	S& Stark & Co accounts@stark.co	Team	Active	$980	Feb 9, 2026

  drop-inTechnicalTrustworthyRefined

  Starter page → app/dashboard/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 3 @oc blocks. Preview: /templates/template-saas-dashboard.

  $npx shadcn@latest add @design-infra/template-saas-dashboard

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• CSidebar 07shadcnlive (upstream)
  drop-inMinimalTrustworthy

  Sidebar that collapses to icons, with team switcher + user menu — the best default app shell. Writes app/dashboard/page.tsx and components/app-sidebar.tsx (installing another sidebar-NN overwrites it).

  $npx shadcn@latest add sidebar-07

  Gallery pageOpen live demo Docs

  Pick PassAdd to shortlist

From design-infra compare — Sidebar vs similar:
(no picks yet)

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=oc/app-shell,oc/template-saas-dashboard,shadcn/sidebar-07&theme=editorial&label=Sidebar+vs+similar