AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich Notifications

reui/app-shell-10

PaidBlock

Inset sidebar shell for an AI agents console: command-K search, collapsible agent nav, projects with progress rings, usage-limit card, org and theme switcher, notifications popover. ReUI Frame, Badge, Rating; shadcn Sidebar, Popover, DropdownMenu.

See it running

Open the demo on reui

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

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-10.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
label
popover
progress
@reui/rating
scroll-area
separator
sidebar
switch
tooltip

Files it writes

page.tsx
app-header.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
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
AI chat assistant app shell with floating sidebar, model picker grid, and prompt composerapp-shell-17	reui	Blocks	Paid	1 dep · 18 files