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 componentsThemed sets

Retro Scoreboard

An 8-bit high-score table with pixel medals for the top three, colour-cycled rows and a blinking three-letter initials entry for a new score.

Preview

New high score!

Enter your initials

High scores
RankMedalNameScoreStg
1STZED00984508-4
2NDMOX00712007-2
3RDPIX00523806-3
4THADA00459006-1
5THKIT00381155-3
6THRUE00304804-4
7THBO.00220153-2
8THJIN00156402-4

↑↓ letter · ←→ move · enter save

Rank 3. Initials P I X

High scores

High scores
RankMedalNameScoreStg
1STZED00984508-4
2NDMOX00712007-2
3RDADA00459006-1
4THKIT00381155-3
5THRUE00304804-4

Insert coin

Install

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

Props

PropTypeDefaultDescription
scoresScoreEntry[]—{ initials, score, stage? }; sorted high to low for you.
newScorenumber—A fresh score; if it makes the table, an initials row opens at its rank.
newStagestring—Stage shown on the new row.
defaultInitialsstring"AAA"Starting letters for the initials row.
onSubmit(entry: ScoreEntry, rank: number) => void—Called when the initials are saved (Enter or Save).
titlestring"High scores"Board title and table caption.
rowsnumber10Rows shown.
digitsnumber7Digits scores are zero-padded to.

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 ↗