Blocks
Reusable page sections built from primitives. Compose records, worklists and forms with typed props, live examples and API documentation. Each block renders to plain HTML; customize the source when your application needs a different structure.
Authentication
Sign in
Centered card with optional OAuth providers, email + password form, forgot-password link, and signup prompt. Drop it behind your POST /login handler.
Sign up
Create-account card. Name + email + password + confirm, optional OAuth, optional Terms/Privacy checkbox. Submits to your POST /signup handler.
Two-factor verification
OTP confirmation card with email/SMS/authenticator variants. Submits the 6-digit (or 4-digit) code to your verify handler, with resend + cancel links.
Dashboard
Data
Marketing
Settings
Billing
Current plan card with seat-usage bar + next-charge date, payment method card, and a table of past invoices with download links.
Profile
Edit name, email, bio. Avatar change/remove controls, save actions, and a clearly separated "Delete account" danger zone.
Team management
Roster table with per-member role select + remove, status badges, last-active, plus an invite-by-email row at the top.
Application shell
Sidebar app shell
One sidebar from desktop rail to phone drawer, with persistent groups, a sticky page bar and optional masthead and footer.
Page header
Sticky page context: breadcrumbs, global search, actions and switchers on one calm row.
Brand mark
Logo, wordmark and tagline shared by the app masthead and sidebar.
App masthead
Optional product identity, primary links and an account slot. Empty props render nothing.
App footer
Optional links, a version line and secondary columns below your whole workspace.
Operations
Worklist header
Title, count sentence, inline GET search and one primary action. Stacks on phones.
Record header
Title, one kind/reference subtitle, then the main verb and a native More disclosure.
Task launcher
Three compact launch cards with one action each. One column on phones.
Record timeline
Dated milestones with explicit done, current and scheduled states; vertical on phones.
Record money
Total, paid and due with an explicit currency, unavailable values and payment actions.
Record facts
One surface for grouped facts, responsive columns and explicit masked values; a single fact stays a row.
Related records
Compact linked references, titles, status and dates; one quiet empty line.
Record page
A generic detail page: identity, its main verb, grouped facts and related records with guaranteed spacing.
Related entity
A compact guest or room card with two to four facts and one action.
Grouped worklist
Caller-defined time or state groups, two facts per row, and compact actions; cards on phones.
Attention banner
A supplied warning, danger or information message with one action and optional local dismissal.
Action row
One Save and Cancel geometry: row, compact or comfortable, plus native overflow.
Result notice
A persistent human sentence before recovery advice and diagnostic details.
Confirm an action
A named native dialog, Cancel focus and a POST form with pending and failure feedback.
Search results
A query and count with compact linked identities, references and an empty-results recovery action.
Wizard header
One step title and guest context, compact progress and accessible current/completed steps.
First record
Explain the empty list and offer one clear create action when allowed.