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

LCD Display

Segmented LCD readouts with our own 7- and 14-segment glyphs, ghost segments, backlight colours, decimal points, blinking colons and annunciators.

Preview

Clock
AMPMALM
Thermostat
HeatCoolAuto
Calculator
Mem

Install

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

Props

PropTypeDefaultDescription
valuestring—Text to show: digits, letters, "-", ".", ":", "°" and spaces. "." attaches to the previous cell.
cellsnumber0Minimum character cells; the value is right-aligned with ghost cells before it.
segments7 | 14 | "auto""auto"Segment style; auto picks 14 when letters appear.
backlight"green" | "amber" | "blue" | "white" | "off""green"Backlight colour; off is a grey reflective panel.
indicators{ label, on }[]—Small annunciators along the top, lit or ghosted.
blinkColonbooleanfalseBlink colons once a second (clock style).
sizenumber56Character height in px.
labelstring—Accessible reading; defaults to the value.

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 ↗