Back to home
Design System

UI Kit

Every block available out-of-the-box. Built on shadcn/ui. Each card lives in app/ui-kit/_blocks/.

28 blocks
7 categories

Finance

Money, balances, transactions.

Contribution History
Last 6 months of activity
UPCOMING
May 25, 2024
$1,000 scheduled
AUTO-SAVE PLAN
Accelerated
Recurring weekly
Savings Targets
Active milestones for 2024
RETIREMENT
$420,000
65% achieved$273,000
REAL ESTATE
$85,000
32% achieved$27,200

You have not met your targets for this year.

Card Balance
US$12.9k
US$11,337.06 Available

Data Viz

Charts and visual summaries.

Yearly Activity
Browser Share
January – June 2026
Firefox
935
Visitors
Chrome Edge Firefox Safari
Firefox31%
Sleep Report
Last night · 7h 24m
2h 10m
Deep
3h
Traffic channels
Monthly desktop and mobile traffic for the last six months — compare volume and mix…
DESKTOP
1.224
MOBILE
860
MIX DELTA
+42%

Forms

Inputs, settings, configuration.

Payout Threshold
Set the minimum balance required before a payout is triggered.
$2500.00
$50 (MIN)$10,000 (MAX)
Buy Investment
Amount to Invest
$

Market orders execute at the current price.

Estimated Shares1.95
Buying Power$12,450.00

Trades are typically executed within minutes during market hours.

Account Access
Update your credentials.
Transfer Funds
Move money between accounts.
$

Two-factor authentication

Verify via email or phone number.

Badge
Secondary
Outline
Book Appointment
SC
Dr. Sarah Chen
June 2026

Available slots

New patient?

Please arrive 15 minutes early.

Invite Team
Add members to your workspace

Data Display

Lists, tables, status surfaces.

Recent Transactions
Your latest account activity.
Blue Bottle Coffee
Food & Drink
Today, 10:24 AM
$6.50
Whole Foods Market
Groceries
Yesterday
$142.30
Stripe Payout
Income
Oct 12
+$4200.00
Uber Technologies
Transport
Oct 11
$24.10
Netflix Subscription
Entertainment
Oct 10
$19.99
Environment Variables
Production · 8 variables
DATABASE_URL
••••••••
NEXT_PUBLIC_API
https://api.example.com
STRIPE_SECRET
••••••••

Observability Plus is replacing Monitoring

Switch to the improved way to explore your data, with natural language. Monitoring will no longer be available on the Pro plan in November 2025.

Foundations

Type, color, primitives.

INHERIT · INTER

Designing with rhythm and hierarchy.

A strong body style keeps long-form content readable and balances the visual weight of headings.

Thoughtful spacing and cadence help paragraphs scan quickly without feeling dense.

Mira · Inter
Designers love packing quirky glyphs into test phrases. This is a preview of the…
--bac…
--for…
--pri…
--sec…
--mut…
--acc…
--bor…
--cha…
--cha…
--cha…
--cha…
--cha…

Empty States

Onboarding and zero-data prompts.

Distribute Track

Upload your first master to start reaching listeners on Spotify, Apple Music, and more.

Codespaces
Your workspaces in the cloud

No codespaces

ABCDEF

No Team Members

Invite your team to collaborate on this project.

Authorization

OpenFGA / RBAC + ReBAC demos.

Permissions Playground
Live OpenFGA checks via <Can>
Playground

⚠️ Demo only — in production the user comes from your JWT, not a dropdown.

View reportcan_view
…
Edit reportcan_edit
…
Delete reportcan_delete
…
Checking…