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 componentsAI interfaces

Weather Card

An assistant weather answer with a day strip, rolling temperature, our condition glyphs, a morphing ember hourly chart and wind, humidity and UV wells.

Preview

Can I cycle to work this week without getting soaked?

Mostly yes. Wednesday is the one to skip: showers start around midday and the wind picks up. Thursday is the best ride, clear with a light northerly.

Lisbon, Alfama

Updated 09:40

10 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 940 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9°C
Partly cloudyBright spells, mildH 17° · L 9°
10°13°16°17°15°12°10°9°
6a9a12p3p6p9p12a3a
Hourly temperature, Tuesday 4 Nov: 6a 10°C, 9a 13°C, 12p 16°C, 3p 17°C, 6p 15°C, 9p 12°C, 12a 10°C, 3a 9°C
Wind
14km/h SW
Humidity
62%
UV index
3 Moderate

Install

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

Props

PropTypeDefaultDescription
location / updatedstring—Place name and a small line such as the update time.
daysWeatherDay[]—{ id, label, date?, condition, summary, temp, high, low, hourly: { time, temp }[], wind, windFrom?, humidity, uv }.
unit"C" | "F""C"Label after temperatures; data is already in this unit.
speedUnitstring"km/h"Wind speed label.
day / defaultDaystringfirst daySelected day id; onDayChange reports changes.

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 ↗