PeachUIPeachUI
Blocks
  • Sidebar
  • Settings
  • Notification center
  • Auth card
  • Calendar
  • Dropzone
  • Breakdown card
  • Stepper form
  • Agent thinking
  • Prompt deck
  • Agent chat
  • Plan & write
  • App shell
  • Live line
  • Dashboard
  • Billing & usage
  • Model router
  • Kanban board
  • Context library
  • Tool approval
  • Answer comparison
  • Review queue
  • Workflow runbook
  • Agent run
  • Inbox triage
  • Audit explorer
  • Sales pipeline
  • Morning brief
  • Deploy gate

Templates

  • Coding agent
  • Agent ops console
  • AI inbox triage
  • Command dashboard

Blocks · Dashboard

Live line

Streaming line that eases into each new value. After Liveline by Benji Taylor.

Requests per minute

Filled dashboard line · neutral tone · loading handoff

Error rate

Semantic danger · snappier ease · momentum chip

p95 latency

Success tone · hairline stroke · slower catch-up

Queue depth

Warning tone · wide window · full grid and badge

Price

Value overlay · momentum colouring · scrub to read back

Orderbook

Bid and ask sizes drift up behind the line · pace follows churn

Empty state

No samples yet · scrub and pause stay available for parity

No data to display

Built from

Paste the block file plus these modules; they are not separate catalog entries.

  • Chart math · lib/chart/live-line-engine.ts

components/blocks/live-line.tsx