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 componentsCards & layout

Device Card

Smart-home device cards with a lit power toggle and status line, plus light controls (brightness, warm/cool), a draggable thermostat dial and a hold-to-unlock lock.

Preview

Pendant lamp

Kitchen · On · 70%

Brightness70%
Colour

Thermostat

Living room · Target 21.5°

Heating21.5°Now 19.5°

Front door

Hallway · Locked · 2 min ago

Hold to unlock

Install

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

Props

PropTypeDefaultDescription
name / room / icon / statusstring / string / ReactNode / ReactNode—DeviceCard header: name (names the card), room and state line.
on / defaultOn / onOnChangebooleantruePower switch (the lit key toggle); controls dim when off.
hidePower / glowboolean / stringfalse / var(--accent)Hide the switch (locks); tint of the tile glow.
LightControls{ brightness; onBrightnessChange; tone; onToneChange }—Brightness slider and warm / neutral / cool choice.
ThermostatDial{ value; onValueChange; current; min?; max?; step? }10–30, 0.5Draggable 270° dial with keyboard slider semantics and heating / cooling mode.
LockControl{ locked; onLockedChange; holdMs? }1200 msHold-to-unlock key with a filling ring; tap to lock.

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 ↗