Remix Library / Useful Apps

Pixel Painter

A tiny pixel-art editor with a palette, eraser and fill bucket. Your art is saved automatically.

Beginner HTML · CSS · JavaScript
No account needed: you’ll start as a guest.
read-only · remix to edit
Preview

What you'll learn

  • Building a grid with CSS
  • Click & drag
  • Flood fill (recursion)
  • Saving with JSON
  • Event delegation

Challenges

Remix it, then try these. Each one is a bit harder than the last.

  1. Swap in your own color palette.
  2. Make the grid 24×24 instead of 16×16.
  3. Add a "mirror" mode that paints both sides at once.
  4. Add undo (hint: keep a list of past grids).
  5. Add an animation mode with two frames that flip back and forth.