Pixel Art Editor
Draw pixel art and sprites on a grid canvas, then export a crisp PNG or a CSS box-shadow rule.
Optional: drop an image here to pixelate it onto the canvas
No uploads. Your files stay on your device.
How it works
Pick a canvas size, choose a colour and draw pixel by pixel — click or drag on the grid with the pencil, flood-fill an area, erase back to transparency, or grab a colour with the eyedropper. Everything is drawn with the Canvas API inside your own browser, so nothing is uploaded and there is no account, no watermark and no ads.
Export your sprite as a crisp PNG at 1× (true pixel size) or scaled up 8×, 16× or 32× with
nearest-neighbour scaling, so the pixels stay sharp instead of turning blurry. Empty pixels
stay transparent. Copy CSS gives you the same artwork as a single
box-shadow rule you can paste straight into a stylesheet. You can also drop a
photo or logo onto the drop zone to pixelate it and use it as a starting point, then keep
editing by hand. The canvas is fully keyboard accessible: tab to it, move with the arrow keys
and press Enter or Space to apply the current tool.
Frequently asked questions
Is this pixel art editor really free and private?
Yes. It runs entirely in your browser using the Canvas API, so your artwork never leaves your device. There is no account, no upload, no watermark and no ads.
How do I export pixel art without it looking blurry?
Pick an export scale before downloading. At 1x you get one image pixel per grid cell; at 8x, 16x or 32x each cell is drawn as a solid block with nearest-neighbour scaling, so edges stay razor sharp instead of being smoothed.
What does the Copy CSS button do?
It turns your sprite into a single CSS rule: a small element whose box-shadow list draws every painted pixel at the chosen scale. Paste it into a stylesheet to render the artwork with no image file at all.