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

Achievement Card

Achievement cards with a drawn medal in bronze, silver or gold, progress to the next tier, an unlock date, share, and a locked state that shows how to earn it.

Preview

Gold

Release captain

Shipped 50 releases without a rollback.

Unlocked Oct 30, 2026

Silver

Careful reviewer

Left helpful reviews on teammates' changes.

Unlocked Sep 12, 2026 · 34 of 50 reviews to Gold

34/50
Bronze

First week

Signed in five days in a row.

Unlocked Aug 4, 2026

Locked

Night owl

Fix an incident between midnight and 6am.

0 of 1 incidents to unlock

0/1

Install

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

Props

PropTypeDefaultDescription
title / descriptionstring—Achievement name (names the card) and how it was earned.
tier / locked"bronze" | "silver" | "gold" / boolean"bronze" / falseMedal colour; locked greys it out with a padlock.
unlockedAtstring—Preformatted unlock date.
progress{ value; goal; label; next? }—Progress toward the next tier, or toward unlocking.
onShare / glyph(text) => void / string— / starShare action; a stroked path for the medal centre.

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 ↗