Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsThemed sets

ASCII Chart

Terminal-style charts in block and box-drawing characters (line, bars, sparkline) inside a terminal frame, with text alternatives and string helpers.

Preview

atlas-top · prod-eulive · 1s

p95 latency, ms · last 48 samples

p95 latency in milliseconds: from 180 to 101, low 62, high 210
210 ┤ ╭╮
│╮ ╭╮ ╭╮ ││
││ ╭──╮ ││ ││ ╭───╯│ ╭╮
136 │╰─╯ ╰──╯╰──╮ ╭╯│ ╭─╯ │ ││
│ ╰─╮ ╭╮ ╭─╯ ╰─╯ ╰╮ ││
│ ╰╮ ││ ╭─╯ ╰╮ │╰──
│ ╰─╯│ ╭╯ ╰─────╯
62 ┤ ╰─╯

requests by route · today

Requests by route today
/v1/invoices ██████████████████████████████ 18,420
/v1/payments ███████████████▏ 9,310
/v1/customers █████████▉ 6,075
/health ██████▉ 4,211
/v1/webhooks ██▏ 1,290
  • /v1/invoices: 18,420
  • /v1/payments: 9,310
  • /v1/customers: 6,075
  • /health: 4,211
  • /v1/webhooks: 1,290

cpu % · per host

api-1 ▄▆▇▆▆▆▇▇▆▄▃▃▃▃▂▁▁▃▄▅▅▅▆▇█▇▆▄▄▄▄▃ 20%api-1 CPU: latest 20, range 4 to 69

api-2 ██▇▅▅▅▅▄▂▁▁▂▃▃▃▄▅▇█▇▆▆▆▇▆▄▂▂▂▃▂▂ 10%api-2 CPU: latest 10, range 2 to 69

worker-1 ▇▅▃▃▃▃▃▂▁▂▄▆▆▆▆▇██▇▅▄▄▄▄▂▁▁▃▄▄▄▄ 34%worker-1 CPU: latest 34, range 1 to 68

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
AsciiLine{ values, height?, format?, label, lineTone? }height 8Box-drawing line chart with a left axis and a text summary.
AsciiBars{ data: { label, value, tone? }[], width?, format?, label }width 28Horizontal bars in eighth blocks; the largest in ember.
AsciiSpark{ values, label, suffix?, sparkTone? }—One-line ▁▂▃▅▇ sparkline.
TerminalFrame{ title?, status? }—The terminal window around the charts.
sparkline / bar / lineRows(…) => string | string[]—Plain string helpers for logs and CLIs.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗