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

Integration Card

App-integration card with a tinted glyph tile, connect action that morphs from pending to connected, a configure menu, a permissions disclosure and an error/reconnect state.

Preview

Pebble Docs

Docs

Connected

Turn meeting notes into tasks and link docs to every project.

Synced 4 min ago · 128 docs

Pebble Billing

Billing

Send paid invoices to your workspace and flag overdue accounts.

Pebble Chat

Chat

Post release notes and alerts to the right channel automatically.

Access expired 2 days ago. Reconnect to resume posting.

Pebble Analytics

Analytics

Pipe product events in and build funnels without SQL.

Pebble Files

Storage

Back up exports nightly and keep 30 days of history.

Pebble Alerts

Alerts

Page the on-call engineer when an error spikes.

Install

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

Props

PropTypeDefaultDescription
name / category / descriptionstring—App name (names the card), category and a short description.
icon / toneReactNode / string— / var(--chart-1)Glyph and the colour of its tile.
status / defaultStatus / onStatusChange"disconnected" | "pending" | "connected" | "error""disconnected"Connection state, controlled or not.
onConnect() => void | Promise<void>—Runs the connection; pending while it runs, error if it rejects.
onConfigure / onSync / onDisconnect() => void—Configure menu actions when connected.
permissions{ label; level?: "read" | "write" | "admin" }[][]Scopes listed in the permissions disclosure.
errorMessage / connectedMetastring—Error explanation and the connected meta line.

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 ↗