Pixel Loader
Five stepped 8-bit loaders drawn from pixel cells (spinner, dots, bar, wave, hourglass) with sizes, ember tone and a status label.
Preview
Spinner loader
Spinner
Buttons and inline waits
Dots loader
Dots
Typing, thinking
Bar loader
Bar
Unknown length
Wave loader
Wave
Audio, streaming
Hourglass loader
Hourglass
Long jobs
Loading world 3–2
Loading world 3–2
Tip: hold jump to float over spikes.
Still loading
Loading
smLoading
mdLoading
emberLoading
savingInstall
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "spinner" | "dots" | "bar" | "wave" | "hourglass" | "spinner" | Which cell animation to draw. |
| size | "sm" | "md" | "lg" | "md" | 3, 4 or 6 px per cell (spinner at double). |
| label | string | "Loading" | Hidden status text for screen readers. |
| speed | number | 110 | Milliseconds per frame. |
| tone | "ink" | "accent" | "ink" | Cell colour. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.