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

Ad Card

Small sponsored card with an app tile, title, one line and CTA; several ads cross-fade with a timing line, pause on hover or focus, jump by dots, and can be dismissed.

Preview

Rotating (hover or focus pauses)

Sponsored
TallybirdSplit shared bills in two taps, settle up when you like.
Try it free

Single, dismissible

Sponsored
QuietroomFocus sessions with a timer that pauses your notifications.
Get the app

Install

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

Props

PropTypeDefaultDescription
ads{ id; name; line; icon; tone?; cta; href }[]—One or more ads; several cross-fade in turn.
intervalnumber7Seconds per ad; 0 turns rotation off. Never rotates under reduced motion.
onDismiss() => void—Shows the dismiss button; called after the card fades out.
labelstring"Sponsored"Visible label and region name.

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 ↗