Compose
Three compositions exercising every primitive — drop-in patterns you can lift verbatim or remix.
1. Settings panel
A two-tab settings card that combines Dialog (header action), Tabs (view switcher), Input + Label (form), Button (submit + cancel), and Separator (visual hierarchy).
Workspace
Manage your workspace profile and notifications.
2. App shell
Header row with a search Input, an editor toolbar wrapped in Tooltips, a Dropdown user menu, and inline Skeleton loading states for the data row.
Loading state
3. Mini dashboard
A KPI dashboard composing Card, Chart (area-gradient block), Tabs (date range), and a contextual Dropdown for row actions.
Revenue
Stripe + ConvertKit, last 90 days.
MRR$48,210+12.4%
Active subs1,284+3.1%
Churn2.3%-0.4%
Trend
Recurring revenue, week-over-week
Updated 2 minutes ago