Pixel Badge
Retro pixel achievement badges with locked and unlocked states, progress cells, a stepped unlock pop with sparks, and a badge shelf.
Preview
Studio badges
3/8 unlockedInstall
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| badge | Badge | — | PixelBadge: { id, name, description, sprite, tone?, unlocked?, progress? }; pops when unlocked turns true. |
| size | "sm" | "md" | "md" | PixelBadge size. |
| BadgeShelf | { badges, title?, columns? } | title "Badges", columns 4 | A framed grid of badges with an unlocked count and a detail line. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.