Buttons
Primary, secondary, and quiet commands with stable sizing.
Reusable starter kit
Components Library
A broader set of reusable React primitives and examples for installable tools, dashboards, editors, and small product workflows.
Badges
Compact status markers for rows, cards, and toolbars.
DraftLiveReview
Cards
Reusable content containers with compact headings.
Deploy target
Cloudflare Pages
Build command: npx next build
Alerts
Inline feedback for success and caution states.
Offline-readyApp shell assets can be cached.
Check manifestIcons need root-relative paths.
Text Fields
Labeled inputs for forms and settings panels.
Textarea
Long-form input with the same tokenized field styling.
Select
Native select for compact option sets.
Toggles
Binary preferences that need an obvious saved state.
Segmented Control
Mutually exclusive view or mode switching.
Tabs
Flat navigation inside dense tool surfaces.
Progress
Task state that needs a visual completion signal.
72% cached for offline use.
Metric Card
A compact data block for dashboards and admin screens.
Build size142 KB
Static shell after compression.
Data Table
Scannable tabular content with status and actions.
| Asset | Status | Size |
|---|---|---|
| manifest | Ready | 2 KB |
| service worker | Draft | 4 KB |
Empty State
Useful blank states with a single clear next action.
No exports yet
Create a design-system Markdown file from your current colors.
Toolbar
Dense command rows for editor and dashboard actions.
Modal Preview
A static dialog shell for confirmation flows.
Deploy template?
This static build will publish to Cloudflare Pages.
Install Prompt
PWA install affordance using the shared tokens.
CF
Install template app
Use it offline from your home screen.