Pixel Canvas
A retro 16×16 pixel-art editor with a token palette, pencil, eraser, flood fill, mirror mode, a keyboard cursor, undo and PNG export.
Preview
Draw with the mouse or arrows + Space · Shift+arrows paints a line · Ctrl+Z undoes
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 16 | Cells per side. |
| palette | { name, token }[] | eight token colours | Swatches; token is a CSS variable name. |
| defaultValue | number[] | empty | Starting pixels: palette index per cell, −1 for empty. |
| onPixelsChange | (pixels: number[]) => void | — | Called after every edit. |
| label | string | "Pixel canvas" | Accessible name of the grid. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.