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 componentsNumbers & counters

Slot counter

Slot-machine reels that spin several turns with motion blur and stop left to right on the target number, with a jackpot highlight.

Preview

Lucky draw

Pull 1
001234567890123456789012345678901234567890012345678901234567890123456789012345678900123456789012345678901234567890123456789
Result: 427

Pull the lever

Raffle ticket

Draw 1
001234567890123456789012345678901234567890123456789001234567890123456789012345678901234567890123456789001234567890123456789012345678901234567890123456789001234567890123456789012345678901234567890123456789001234567890123456789012345678901234567890123456789
Winning ticket: 40218

Install

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

Props

PropTypeDefaultDescription
valuenumber—The number the reels land on; changing it spins them.
labelstring—Name used in the announced result.
minDigitsnumber1Pad with leading zeros to at least this many reels.
cyclesnumber3Full turns each reel makes before landing.
durationnumber1.1Seconds the first reel spins.
staggernumber0.28Extra seconds per reel so they stop left to right.
jackpotbooleanfalseHighlight a winning result once the reels stop.
spinKeynumber0Bump to spin again to the same value.
onSettled(value: number) => void—Called when the last reel stops.
size"md" | "lg""md"Reel size.

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 ↗