Blocks

Composed blocks you can drop into a product: sidebar, settings modal, sign-in, dashboards, and agent surfaces. Each page shows a live preview and the source to copy.

Sidebar · Floating rail with quick search, workspace switcher, and team menu.
Settings · Modal shell with a left rail and scrollable pages for account, tools, and files.
Notification center · Grouped inbox with filters, unread markers, and inline actions.
Auth card · Email-first sign-in, access request, and one-time-code verification.
Calendar · Two-month range with presets, a comparison window, and an apply action.
Dropzone · Drop or browse for files. The queue scrolls, caps its length, and shows progress, retry, and clear.
Breakdown card · Share breakdown with a context tile grid or a compact bar. Hover previews a slice; click pins it. Aggregate hero by default.
Stepper form · Multi-step shell with a progress rail, horizontal panel transitions, and an optional success screen. Swap in your own steps or use the workspace onboarding demo.
Agent thinking · Thinking indicator with six motions, a shimmering label, and a timer.
Prompt deck · Round or pill composer with a thin border beam, menus under the bar, and context actions.
Agent chat · Tray and thread for an agent run, with suggestion chips that fill the prompt deck.
Plan & write · Plan approval, permission gates, draft edits, and context budget in one thread.
App shell · Dashboard frame with sidebar, page header, and command palette.
Live line · Streaming line that eases into each new value. After Liveline by Benji Taylor.
Dashboard · Home dashboard with KPI strip, a live request line, and customer ledger.
Billing & usage · Metered billing card: customer, token events, the next card charge, and live revenue against a cost underlay.
Model router · Blended cost, gateway split, per-model metrics, and backup routing before you deploy a policy.
Kanban board · Column board for tickets. Drag cards to reorder within a column or move them across columns.
Context library · Retrieved chunks pinned for the session with source and size metadata.
Tool approval · Connectors queue tool calls; approve each call or approve all, then run.
Answer comparison · Two answers to the same question; resolve each field where they disagree.
Review queue · Staged change batches with diffs; approve, reject, or defer the batch.
Workflow runbook · Step diagram, run control, and per-step status for a scripted runbook.
Agent run · One request through the agentic stack, played live on a draggable run graph: context packed, a model routed, work fanned out.
Inbox triage · Multi-select inbox with grouped rows, bulk actions, and a permission rail.
Audit explorer · Filter a day's audit events, open one, and read the trail that cannot change.
Sales pipeline · Pipeline stages, deal table, and a recommended next action.
Morning brief · Priority recommendations, then a streamed summary and insight cards.
Deploy gate · Deploy log, failure simulation, permission gate, and a rollback loader.

PeachUI

Blocks

Composed blocks you can drop into a product: sidebar, settings modal, sign-in, dashboards, and agent surfaces. Each page shows a live preview and the source to copy.

Sidebar · Floating rail with quick search, workspace switcher, and team menu.
Settings · Modal shell with a left rail and scrollable pages for account, tools, and files.
Notification center · Grouped inbox with filters, unread markers, and inline actions.
Auth card · Email-first sign-in, access request, and one-time-code verification.
Calendar · Two-month range with presets, a comparison window, and an apply action.
Dropzone · Drop or browse for files. The queue scrolls, caps its length, and shows progress, retry, and clear.
Breakdown card · Share breakdown with a context tile grid or a compact bar. Hover previews a slice; click pins it. Aggregate hero by default.
Stepper form · Multi-step shell with a progress rail, horizontal panel transitions, and an optional success screen. Swap in your own steps or use the workspace onboarding demo.
Agent thinking · Thinking indicator with six motions, a shimmering label, and a timer.
Prompt deck · Round or pill composer with a thin border beam, menus under the bar, and context actions.
Agent chat · Tray and thread for an agent run, with suggestion chips that fill the prompt deck.
Plan & write · Plan approval, permission gates, draft edits, and context budget in one thread.
App shell · Dashboard frame with sidebar, page header, and command palette.
Live line · Streaming line that eases into each new value. After Liveline by Benji Taylor.
Dashboard · Home dashboard with KPI strip, a live request line, and customer ledger.
Billing & usage · Metered billing card: customer, token events, the next card charge, and live revenue against a cost underlay.
Model router · Blended cost, gateway split, per-model metrics, and backup routing before you deploy a policy.
Kanban board · Column board for tickets. Drag cards to reorder within a column or move them across columns.
Context library · Retrieved chunks pinned for the session with source and size metadata.
Tool approval · Connectors queue tool calls; approve each call or approve all, then run.
Answer comparison · Two answers to the same question; resolve each field where they disagree.
Review queue · Staged change batches with diffs; approve, reject, or defer the batch.
Workflow runbook · Step diagram, run control, and per-step status for a scripted runbook.
Agent run · One request through the agentic stack, played live on a draggable run graph: context packed, a model routed, work fanned out.
Inbox triage · Multi-select inbox with grouped rows, bulk actions, and a permission rail.
Audit explorer · Filter a day's audit events, open one, and read the trail that cannot change.
Sales pipeline · Pipeline stages, deal table, and a recommended next action.
Morning brief · Priority recommendations, then a streamed summary and insight cards.
Deploy gate · Deploy log, failure simulation, permission gate, and a rollback loader.

PeachUI