Task workspace app shell with collapsible floating sidebar and a toggleable AI chat assistant panel

reui/app-shell-18

PaidBlock

Three-panel to-do shell: floating Sidebar with task lists, count Badges, color tags and a Progress focus card, plus a toggleable AI chat panel (in-flow at desktop, Sheet on mobile). Built on ReUI Badge, shadcn Sidebar, Dialog, DropdownMenu.

See it running

Open the demo on reui

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

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-18.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
avatar
@reui/badge
button
dialog
dropdown-menu
field
input
item
kbd
progress
separator
sheet
sidebar
textarea

Files it writes

page.tsx
add-tag.tsx
ai-assistant.tsx
app-shell.tsx
app-sidebar.tsx
data.tsx
focus-card.tsx
logo.tsx
main-content.tsx
mobile-header.tsx
nav-lists.tsx
nav-user.tsx
new-task.tsx
sidebar-shell.tsx
sidebar-tags.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