Retro Loading Screen
An 8-bit loading screen with rolling striped border bands, a pixel rocket, a cell progress bar with percent, typing tips and a blinking PRESS START when done.
Preview
Star ferry
Loading 65%
Tip: Coins respawn when the lighthouse blinks.
Kiln quest
Tip: Glaze before you fire.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Star ferry" | Game title at the top of the screen. |
| tips | string[] | — | Tips that type in and rotate under the progress bar. |
| duration | number | 6 | Seconds to load (simulated, with uneven bursts and stalls). |
| autoStart | boolean | true | Start loading on mount. |
| heldAt | number | — | Hold at this simulation second (for docs and snapshots). |
| tipSeconds | number | 2.4 | Seconds each tip stays up. |
| onStart | () => void | — | Called when PRESS START is pressed. |
| aspect | number | 4 / 3 | Screen width / height (it grows if the content needs more room). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.