Dual Sidebar App Shell with Dark Nav Rail and Slide-In Calendar Context Panel

reui/app-shell-6

PaidBlock

Three-column workspace shell: dark collapsible nav rail with command search, team list and usage meter, breadcrumb header, and a slide-in right Calendar panel with agenda and account toggles. ReUI Frame, Badge, Rating plus shadcn Sidebar, Calendar.

See it running

Open the demo on reui

reui.io/docs/components/app-shell-6

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://reui.io/r/app-shell-6.json

This registry’s item endpoint answers 401 — the command needs credentials from reui.

What it pulls in

npm packages

next-themes
react-day-picker

Other registry items

@reui/badge
@reui/frame
@reui/rating
avatar
@reui/badge
breadcrumb
button
button-group
calendar
checkbox
collapsible
dialog
dropdown-menu
@reui/frame
input
item
kbd
popover
progress
@reui/rating
scroll-area
separator
sheet
sidebar
tooltip
use-mobile

Files it writes

page.tsx
app-header.tsx
app-shell.tsx
app-sidebar.tsx
bullet-separator.tsx
calendar-panel.tsx
data.tsx
item-action-menu.tsx
logo.tsx
nav-main.tsx
nav-team-members.tsx
nav-workspace.tsx
notifications-popover.tsx
right-sidebar.tsx
search-form.tsx
sidebar-shell.tsx
spending-limit.tsx

More from reui

All 26 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Collapsible icon-rail sidebar app shell with workspace switcher, nested nav, and user menuapp-shell-1	reui	Blocks	Paid	1 dep · 10 files
AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich Notificationsapp-shell-10	reui	Blocks	Paid	1 dep · 14 files
Operations app shell with four toggleable regions and a resizable bottom workbench sheetapp-shell-11	reui	Blocks	Paid	2 deps · 21 files
Icon-rail sidebar app shell with command-K search, notifications feed, apps grid, and theme menuapp-shell-12	reui	Blocks	Paid	1 dep · 16 files
Community feed app shell with full-width header above a collapsible icon-rail sidebarapp-shell-13	reui	Blocks	Paid	1 dep · 9 files
Mini icon-rail app shell with per-section secondary nav and a tabbed workspace toolbarapp-shell-14	reui	Blocks	Paid	1 dep · 15 files
Dark full-width topbar app shell with workspace switcher, pinnable sidebar nav, and favoritesapp-shell-15	reui	Blocks	Paid	no deps · 9 files
Dual sidebar app shell with icon rail and collapsible secondary navigation panelapp-shell-16	reui	Blocks	Paid	1 dep · 12 files