Pixel Art Editor

Draw & animate pixel art online — layers, frames, palettes, export as PNG or GIF

100% client-side

Last updated: March 2026

Frames (1/24)
Layer 1

Auto-saves every 30s. Max 5 projects.

P Pencil
E Eraser
F Fill
L Line
R Rectangle
C Circle
I Eyedropper
M Mirror
V Move
X Swap Colors
[ Prev Frame
] Next Frame
Space Play/Pause
Ctrl+Z Undo
Ctrl+Y Redo

Make Beautiful Pixel Art

Whether you're creating your first pixel character or designing sprites for an indie game, this free pixel art maker has everything you need. The dark-themed editor makes your colors pop, while the intuitive tools let you focus on creating rather than learning complicated software.

Start Simple

Pick a 16x16 or 32x32 grid. Choose the PICO-8 or Game Boy palette to limit your colors. Sketch a simple shape — a heart, a potion, a small character. These constraints are what make pixel art approachable and fun. You'll be amazed at what you can create with just a few carefully placed pixels.

Essential Techniques

Silhouette first. Before adding color or detail, make sure your subject is recognizable from its outline alone. If the shape doesn't read clearly at the pixel level, no amount of shading will fix it.

Limit your palette. Professional pixel artists typically use 8-16 colors. Our palettes are designed by experts and used in real games. Pick one and stick with it for consistent, polished results.

Use symmetry wisely. The mirror tool lets you draw both sides of a character simultaneously. This ensures perfect symmetry for faces, bodies, and icons. Break the symmetry with small details to add personality.

Choosing the Right Canvas Size

SizeBest ForDetail Level
8x8Tiny icons, tile map tiles, minimalist artVery limited — focus on shape
16x16Game sprites, small icons, emojisLow — basic features possible
32x32Detailed sprites, portraits, faviconsMedium — room for shading and detail
64x64Character art, scenes, detailed illustrationsHigh — full expressions and complex shapes

Sharing Your Work

Always export at 4x or 8x scale for sharing online. Social media platforms compress and blur small images, so larger exports ensure your pixels stay crisp. For game development, export at 1x and let your game engine handle scaling with nearest-neighbor interpolation.

Frequently Asked Questions

What makes this pixel art maker different from other tools?
This editor combines a clean, dark-themed interface with professional features: 9 drawing tools, up to 4 layers with opacity, 24 animation frames with onion skinning, 7 curated color palettes, and instant export as PNG or GIF. Everything runs in your browser with zero setup — no downloads, no accounts, no ads.
Can I make game sprites with this?
Absolutely. Choose 16x16 or 32x32 for standard game sprites. Use layers to separate your outline from your fill colors. The mirror mode is perfect for creating symmetrical characters quickly. Export at 1x for game engines or at higher scales for sharing and previewing.
How do I animate pixel art?
Click 'New' in the Frames panel to add frames. Draw each frame of your animation. Enable Onion Skin to see the previous frame as a translucent overlay — this is essential for smooth motion. Adjust the FPS slider and hit play to preview. Export as GIF when you're happy with the result.
What keyboard shortcuts are available?
P=Pencil, E=Eraser, F=Fill, L=Line, R=Rectangle, C=Circle, I=Eyedropper, M=Mirror, X=Swap foreground/background colors, [/]=Previous/Next frame, Space=Play/Pause animation, Ctrl+Z=Undo, Ctrl+Y=Redo.
Is my artwork saved automatically?
Yes, the editor auto-saves your project to your browser's local storage every 30 seconds. You can also save manually and manage up to 5 named projects. Note that all data stays in your browser — nothing is uploaded to any server.
Can I use pixel art I make here commercially?
Yes. Everything you create in this editor is 100% yours. Use it in games, websites, apps, merchandise, social media — no attribution required, no license restrictions. The tool is free, and so is everything you make with it.

Pro Tips

Start with 4 Colors
Pick a dark, a mid-tone, a light, and a highlight. You can always add more colors later, but starting limited forces better design decisions.
Separate Outline and Fill
Put your outline on Layer 1 and fill colors on Layer 2. This lets you experiment with palettes without redrawing.
Use the Fill Tool Wisely
Draw a closed outline first, then flood-fill the interior. If the fill leaks, undo and close the gap in your outline.
Animate in 3-4 Frames
Simple animations like idle cycles, blinking, or floating only need 3-4 frames. More frames isn't always better — it's about timing.

Related Tools