App Shell
The furniture of a logged-in app: page headers, account overview, activity log, notifications, and profile settings.
These sit inside an application layout rather than replacing it — pair them with Sidebar and TopBar, which handle the navigation around them.
Leads
Every inbound lead across all connected sources.
Action variants are positional
In AppHeaderBlock the last action renders as primary and the rest as secondary, so the common case needs no variant at all. Set it explicitly only when you want to break that order.
Notifications
Notifications
Mark all as readNew lead assigned to you
Review requested
Invoice paid
Account and activity
Available balance
$24,582.30
Spent this month
$1,240.00
of $2,000.00 limit
Recent activity
Amara Kalu commented on Design Review
Chidi Duru uploaded 3 files to Assets
Jade Silva edited the Pricing Table component
Ravi Menon marked "Fix Table overflow" as done
Profile settings
Profile
Upload a photo
JPG or PNG, max 5MB.
Copy the source
Blocks are composition examples, not configurable components. Rather than adding props for a layout they don't support, copy the file into your own project and edit it: change the columns, swap the sample data, delete the parts you don't need. Nothing here introduces a primitive you can't already import on its own.