Back to Marketplace
dashboardv0.1.0

Application Shell

QA 100%

Full household-finance app frame: sidebar with grouped nav and seat usage, greeting header with actions, four KPI tiles and a recent-transactions table.

>npx @shavin/cli add @elenarostova/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

DateMerchantCategoryAccountAmount
Oct 3

Shell #4410

TransportMeridian Visa ••4417−$52.18
Oct 2

Trader Joe's #142

GroceriesCascade Checking ••6021−$86.47
Oct 1

Transfer to Savings

Pending
TransferCascade Checking ••6021−$1,200.00
Oct 1

Riverside Apartments

RentCascade Checking ••6021−$2,150.00
Sep 30

Pacific Power

UtilitiesCascade Checking ••6021−$118.63
Sep 28

Portland Public Schools

IncomeCascade Checking ••6021+$4,920.00

Block Specifications

Tags
#app-shell#dashboard#sidebar#kpi#table
Quality Score
Tokens:100%
A11y AAA:100%
Geometry:100%
Security:100%
View full scorecard breakdown
Verified BlockSemantic token compliant
Tokens
100%
A11y AAA
100%
Geometry
100%
Security
100%
Studio AST Serialization (BlockNode JSON)View JSON Tree
{
  "type": "BlockNode",
  "slug": "app-shell"
}

Creator Profile

Elena Rostova

Elena Rostova

@elenarostova

Frontend Engineer & Accessibility Advocate. WCAG 2.1 AAA enthusiast.

Design QA ExpertVerified Creator
Total Forks
890
Total Upvotes
2150
View Full Profile & Blocks

More in dashboard

View Block

Profile Card

Avinash BussaAvinash Bussa
View Block

Onboarding Checklist

Elena RostovaElena Rostova