About This Tool

How to Use
  1. Choose a canvas size (8x8 up to 64x64) from the top toolbar
  2. Select a drawing tool from the left sidebar: pencil, eraser, fill, eyedropper, line, or rectangle
  3. Pick a color from the palette or use the custom color picker
  4. Click and drag on the canvas to draw pixels
  5. Add animation frames at the bottom strip and press Play to preview
  6. Export your artwork as a scaled PNG or animated GIF
Common Use Cases
  • Creating sprites and icons for indie games
  • Designing retro-style avatars and emojis
  • Prototyping pixel animations and game assets
  • Learning pixel art fundamentals and color theory
  • Making animated GIFs for social media or messaging
Tips & Tricks
  • Use Mirror Mode to draw symmetric sprites twice as fast
  • Enable Onion Skinning to line up animation frames precisely
  • Zoom in to 16x for detailed work on small canvases
  • Use the Fill bucket to quickly block in large color areas
  • Export at 8x or 16x scale so pixels look crisp at full size

Related Tools

CSS Gradient Generator

Create beautiful CSS gradients visually. Choose between linear, radial, and conic gradient types, add multiple color stops, and copy the ready-to-use CSS background property directly into your stylesheet.

Color Palette Generator

Extract dominant colors from any image or generate harmonious color palettes from a seed color. Supports complementary, analogous, triadic, tetradic, and monochromatic schemes — click any swatch to copy the hex value.

Color Converter

Convert colors between HEX, RGB, HSL, HSV, CMYK, XYZ, and LAB formats. Bi-directional conversion with live color preview as you type.

FPS Reaction Time Trainer

Test and improve your reaction speed with our FPS Reaction Time Trainer. Measure your click reaction time after a visual cue, track your attempts, and view your progress.