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

Progress Card

Project cards with a progress ring, status and due chips, a task strip and count, an avatar stack and quick actions revealed on hover or focus.

Preview

72%

Checkout redesign

New summary panel, shipping cards and the receipt morph.

72% complete, on track, 18 of 25 tasks done, Due Fri, Nov 7

On trackDue Fri, Nov 718/25 tasks
IAMKPRTS+2
38%

Search reindex

Move docs search to the new index and swap the alias.

38% complete, at risk, 5 of 13 tasks done, Due tomorrow

At riskDue tomorrow5/13 tasks
MKPRTS
54%

Invoice exports v2

Waiting on the finance API change.

54% complete, blocked, 7 of 13 tasks done, Overdue 2 days

BlockedOverdue 2 days7/13 tasks
IAMK
100%

Onboarding copy

Shorter welcome screens in the new voice.

100% complete, done, 9 of 9 tasks done, Shipped Oct 30

DoneShipped Oct 309/9 tasks
PR

Hover or tab into a card for quick actions

Install

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

Props

PropTypeDefaultDescription
title / descriptionstring—Project name (names the card) and a short line.
progressnumber—0–100; drawn as the ring, clamped.
status"on-track" | "at-risk" | "blocked" | "done""on-track"Status chip and ring colour.
due / dueTonestring / "neutral" | "soon" | "overdue"— / "neutral"Due chip text and tint.
tasks / members{ done; total } / { name; initials? }[]—Task count and strip; avatar stack.
actions{ label; icon; onSelect? }[][]Quick actions revealed on hover or keyboard focus.

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 ↗