PixelCraft Unblocked

A small pixel art editor for drawing sprites, animating frames and saving your work as PNG.

PixelCraft is a free pixel art editor where you build pictures one square at a time. Playing PixelCraft unblocked gives you a grid, five color palettes and a handful of classic tools, with no levels, points or timers. You can make anything from a tiny game hero to a little landscape, and even turn it into a short looping animation.

What PixelCraft Is For

Think of it as a sketchbook made of squares. Pixel art is the style you see in older video games, where every dot of color is placed on purpose. Because the canvas is small, a picture comes together fast, and you can finish something you’re proud of in a single lunch break.

There is nothing to win here. Your goal is whatever you decide: a character, an emoji-style face, a bouncing ball, a logo for a club. That makes it a nice change from games that ask you to react quickly.

Your First Five Minutes

  1. Look at the starting canvas. It opens at 32x32 pixels with the pencil selected and black as your main color.
  2. Pick a smaller size if you’re new. The presets are 8x8, 16x16, 32x32, 48x48 and 64x64. A 16x16 grid is a great first try, because each pixel matters and you won’t get lost.
  3. Draw an outline. Click or drag to paint. Keep the brush at 1 pixel for clean edges.
  4. Fill it in. Press G for the fill tool and click inside the shape.
  5. Hide the grid with B. This shows what the finished picture really looks like.
  6. Export. Press Ctrl+S or the export button to download a PNG.

If you need a size the presets don’t cover, type your own width and height. Anything from 4 to 128 pixels on each side is allowed, and the canvas doesn’t have to be square. Changing the size keeps the top-left part of your drawing, so shrinking a canvas cuts pixels off the right and bottom edges.

The PixelCraft Toolbox

Each tool has a one-key shortcut, which speeds things up a lot once you learn them:

  • Pencil (P) paints pixels in the main color.
  • Eraser (E) paints pixels white.
  • Fill (G) pours color into a connected area of one color.
  • Color picker (I) grabs any color already in your drawing.
  • Move (V) lets you drag the view around.

You hold two colors at once. Click a swatch to make it the main color, and right-click or Ctrl+click to set the second one. Press X to swap them, which is handy for flipping between an outline color and a fill color. The brush can be 1 to 8 pixels wide, set with the slider or the [ and ] keys.

The five built-in palettes are Classic, Retro Green, Pastel, Neon and Earth. Retro Green has only eight shades, while the other four hold 32 colors each, with Earth leaning on browns, greens and blues for landscapes. A custom color picker covers anything else. Zoom with the scroll wheel or the zoom buttons when you need fine detail, and drag with the middle mouse button to pan.

Making Frame Animations

The Frames panel turns a still drawing into a flipbook. Use + for a blank new frame, the copy button to clone the current frame, and − to delete one. A counter shows which frame you are on, such as 2 / 4.

Press Play to loop the frames. The speed menu offers 2, 4, 8, 12 or 24 frames per second, with 4 as the default. Slow speeds suit a blinking eye or a waving flag, while 12 or more looks smoother for a running cycle.

When you export with more than one frame, you get a sprite sheet: every frame laid out on a single image in a grid. Each pixel is drawn at a larger size in the file, so the picture stays crisp instead of blurry.

Tips for Cleaner Pixel Art

  1. Draw the outline, then fill. The fill tool spills through any gap, so close every hole in the outline first.
  2. Animate by copying. Clone a frame you like, then nudge a few pixels for a blink or a step. Starting from a blank frame makes the motion jumpy.
  3. Use fewer colors. Three or four shades per object keep tiny sprites readable.
  4. Shade with a darker version. Pick a darker tone of your fill color for one side of the shape to make it look round.
  5. Check at a small zoom. Zoom out now and then to see the sprite at the size people will actually view it.
  6. Lean on undo. Ctrl+Z and Ctrl+Y move through up to 100 steps, so experiments are cheap.

Mistakes New Artists Make

The most common one is losing a drawing by refreshing the tab. Nothing is saved automatically, so export a PNG whenever you reach a version you like.

Another is starting too big. A 64x64 canvas has 4,096 pixels to fill, which can feel like a chore. Begin small, then move up once you’re comfortable. Finally, watch the Clear button: it wipes only the current frame, and it asks you to confirm first, so read the pop-up before you click OK.

Using It on a Chromebook, Laptop or Phone

PixelCraft works best with a mouse and keyboard, which makes a school laptop or Chromebook a good fit. Touch screens can draw, fill and pick colors too. On screens 768 pixels wide or less, the color and brush panels move into a scrolling strip below the canvas, so a tablet feels roomier than a phone. There is no sound, which makes it a quiet pick for a library or classroom.

Similar Games to Try

If you like grid-based thinking, Light Flip is a puzzle where every tap changes a pattern of squares. For something calm and colorful that still has a goal, Be Like Water has you pour colored liquid between tubes until each one holds a single color. You can find more relaxed picks on the casual games page.

Quick facts

Category
Casual Games
Devices
Best on computer, playable on tablet
Controls
Mouse, Keyboard, Touch
Players
1 player
Price
Free, no sign-up
  • pixel art
  • drawing
  • creative
  • animation
  • sprites

How to control PixelCraft

ActionKeyboardMouseTouch
Draw with the current tool—Click or drag on the canvasTap or drag with one finger
Pick a tool (pencil, eraser, fill, color picker, move)P, E, G, I, VClick a tool in the Tools panelTap a tool in the Tools panel
Set the main or second color—Click a swatch for the main color; right-click or Ctrl+click for the secondTap a swatch
Swap main and second colorXClick the ⇄ button—
Change brush size[ and ]Drag the Brush Size slider—
Zoom and pan the viewV, then drag, to use the move toolScroll wheel or the zoom buttons; drag with the middle button to panTap the zoom buttons; use the Move tool and drag
Undo, redo, toggle grid, exportCtrl+Z, Ctrl+Y, B, Ctrl+SHeader buttons—

Made by

gitstq

Code license
MIT
Art & sound
MIT (interface icons are inline SVG in the code; no image, font or audio files)

PixelCraft questions

Does PixelCraft save my progress?

No. The canvas is not stored in the browser, so a reload or closing the tab wipes it. Download a PNG first if the picture matters to you.

Can I use PixelCraft on a Chromebook?

Yes. It runs in the browser, and a Chromebook trackpad or mouse plus the letter shortcuts make it comfortable. Two-finger right-click on the trackpad sets your second color.

What do I get when I export an animation?

A single frame saves as one PNG. Two or more frames are arranged on one sprite sheet in a roughly square grid, so four frames become a 2 by 2 sheet and five frames a 3 by 2 sheet.

Can pixels be transparent?

Not in this editor. Every new canvas is solid white, and erasing turns pixels white rather than clear. For a see-through background, edit the exported image in a different app afterward.

Is PixelCraft free?

Yes. It is an open-source drawing tool that needs no account and has nothing to buy.

More casual games

See all →