Now Playing Card
Simulated now-playing card: drawn cover, title and artist, like toggle, seekable progress line, previous/play/next, a small equalizer while playing, and a compact widget variant.
Preview
PausedLow Tide Radio
Lantern Weather
The Quiet HarboursPaper SatellitesMira Okafor
Copper FieldsDune Assembly
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tracks | { id; title; artist; album?; duration; art? }[] | — | Queue; duration in seconds, art is a drawn square cover. Simulated, no audio. |
| variant | "card" | "compact" | "card" | Full card or small widget. |
| defaultIndex | number | 0 | Starting track. |
| defaultPosition | number | 0 | Starting position in seconds. |
| defaultPlaying | boolean | false | Start playing (the clock then ticks). |
| defaultLiked | boolean | false | Like state of the starting track. |
| onTrackChange | (track: Track) => void | — | Called on skip or roll-over. |
| onPlayingChange | (playing: boolean) => void | — | Called on play/pause. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.