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 componentsMarketing blocks

Customer Stories

Case-study cards with invented company wordmarks, a big key metric, a quote and a read-story link, plus a featured story with a stats panel.

Preview

Customer stories

Teams that found a calmer week

PebbleLogistics software · 140 people

How Pebble replaced Monday status calls with one plan

“We stopped arguing about status. The plan just says it, and our Monday call became a two-minute read.”

MOMalik Osei · Eng manager
Read story: Pebble
−62%time spent on status each week
shipped per cycle
+18%
to roll out
3 wks
  • PebbleDesign studio

    4× faster design reviews, Pebble

    faster design reviews

    “Feedback finally lives next to the deadline.”

    Ines AlvaradoDesign leadRead story: Pebble
  • PebbleRetail ops

    9 min average standup, Pebble

    average standup

    “The cycle review writes itself. Nobody asks where the numbers came from.”

    Tomás ReyesProduct opsRead story: Pebble
  • PebbleFintech

    0 missed launch dates this year, Pebble

    missed launch dates this year

    “I read one page on Monday and know where to help.”

    Priya NairFounderRead story: Pebble

Install

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

Props

PropTypeDefaultDescription
storiesCustomerStory[]—{ id, company, glyph?, tone?, industry?, metric, quote, person, href }. Companies are invented wordmarks; the whole card links to href.
featuredCustomerStory & { title?, stats? }—Story shown large with a headline metric and a stats strip.
eyebrowReactNode—Small label with an ember dot.
titleReactNode—Heading; names the section (otherwise "Customer stories").
descriptionReactNode—Line under the heading.
readLabelstring"Read story"Link label.
headingLevel2 | 32Heading level of the title; story titles are one level below.

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 ↗