Inset sidebar app shell with per-project progress rings and a multi-type notifications popover

reui/app-shell-3

PaidBlock

Inset collapsible sidebar dashboard shell with workspace switcher, command search, project donut progress rings, usage limit meter, and notifications popover. ReUI Frame, Badge, Rating plus shadcn Sidebar, Popover, DropdownMenu, Progress, Avatar.

See it running

Open the demo on reui

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

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-3.json

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

What it pulls in

npm packages

next-themes

Other registry items

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

Files it writes

page.tsx
app-shell.tsx
app-sidebar.tsx
bullet-separator.tsx
data.tsx
item-action-menu.tsx
logo.tsx
nav-main.tsx
nav-projects.tsx
nav-workspace.tsx
notifications-popover.tsx
search-form.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