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

Terminal

A terminal window that types a scripted session with prompts, output, spinners and status lines, plus copy and replay.

Preview

~/code — zshidle
$
  1. Command: pnpm dlx shipkit init atlas --template dashboard
  2. Creating a new project in ~/code/atlas
  3. Done: Installed 214 packages in 3.8s
  4. Success: Wrote atlas.config.ts
  5. Command: cd atlas && pnpm build
  6. Done: Compiled 48 routes in 2.1s
  7. Warning: 2 images over 500 kB in /public/press
  8. First load JS 84.2 kB · largest route /reports 112 kB
  9. Success: Ready to deploy. Run pnpm ship to go live.
api · stagingidle
$
  1. Command: pnpm db:migrate --env staging
  2. Info: Applying 3 migrations to staging-eu-2
  3. Done: 0042_add_invoice_status
  4. Failed: 0043_backfill_customer_tier: column tier does not exist
  5. Error: Rolled back 1 migration. Nothing else changed.

Install

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

Props

PropTypeDefaultDescription
linesTerminalLine[]—command (typed after a prompt), output, success | error | warning | info, spinner (resolves to doneText) or blank. Each may set delay.
titlestring"Terminal"Title bar text; also names the screen-reader transcript.
promptstring"$"Default prompt for command lines.
typeSpeednumber34Milliseconds per typed character.
lineDelaynumber380Milliseconds before each command line unless the line sets delay.
autoStartbooleantruePlay when scrolled into view; false waits for Replay.
copyTextstring—What Copy puts on the clipboard. Defaults to every command, one per line.
copyablebooleantrueShow the Copy key.
onComplete() => void—Called after each full play.

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 ↗