Application Shell
>npx @shavin/cli add app-shell
Good morning, Maya
Sunday, October 4 · 3 bills due this week
Net worth
$184,276.52
+2.4%
Spent in September
$6,412.38
−6.8%
Saved in September
$3,427.62
35% of income
Bills due in 7 days
$1,418.72
3 bills
Recent transactions
| Date | Merchant | Category | Account | Amount |
|---|---|---|---|---|
| Oct 3 | Shell #4410 | Transport | Meridian Visa ••4417 | −$52.18 |
| Oct 2 | Trader Joe's #142 | Groceries | Cascade Checking ••6021 | −$86.47 |
| Oct 1 | Transfer to Savings Pending | Transfer | Cascade Checking ••6021 | −$1,200.00 |
| Oct 1 | Riverside Apartments | Rent | Cascade Checking ••6021 | −$2,150.00 |
| Sep 30 | Pacific Power | Utilities | Cascade Checking ••6021 | −$118.63 |
| Sep 28 | Portland Public Schools | Income | Cascade Checking ••6021 | +$4,920.00 |
Installation via CLI
Add this block directly into your project codebase with all dependencies and tokens resolved:
npx @shavin/cli add app-shellToken & Spatial Architecture
- 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
- Concentric Radius: Set
radius="concentric"on nested elements to auto-resolve inner radius from the container's padding. - Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#app-shell#dashboard#sidebar#kpi#table