Educational Tools · Free online tool

Pixel Art Maker (Convert to CSS, GIF, or Image)

Draw and animate pixel art online with frames, palettes and editing tools. Export your creation as CSS, an animated GIF or a downloadable image.

No sign-up Ready instantly
Pixel Art Maker (Convert to CSS, GIF, or Image)

Create Pixel Art Directly in Your Browser

Draw pixel-by-pixel on a customizable grid using the pencil, paint bucket, eraser, eyedropper and move tools. Choose colors from the built-in palette, adjust the number of rows and columns, and change the pixel size to suit anything from a tiny icon to a larger retro illustration.

Undo and redo controls make experimentation easier. Projects can also be saved in your browser and loaded again later on the same device.

Make Animated Pixel Art with Frames

Add, duplicate, delete and reorder frames to build a pixel animation. Each frame has an adjustable interval, while the preview control lets you check the complete movement before exporting it.

Animation timing and canvas dimensions can be changed as you work, so you can refine both the appearance and pacing without rebuilding the drawing.

Convert Pixel Art to CSS, GIF or an Image

Open the CSS panel to copy the generated box-shadow artwork for use in a webpage. The download menu also provides image and animated GIF export options, depending on whether the project contains one frame or several.

The editor runs locally in the browser. Your drawing is not uploaded when you create, save, preview or export it.