BaipixStarOpen the editor
NewBaipix 0.8 is out: animation, onion skin, GIF

Pixel art has never been this easy

Baipix is a free, open source pixel art editor with the interface of a modern design tool. Draw pixel by pixel in your browser, then drop clean vector straight into your design files.

Open the editor View on GitHub
The Baipix editor with a pixel art sunset: the menu bar on top, layers and a floating preview on the left, tools at the bottom, properties on the right.The Baipix editor with a pixel art sunset: the menu bar on top, layers and a floating preview on the left, tools at the bottom, properties on the right.

Get started

Up and running in seconds.

Use it in your browser

Nothing to install, no account. Your drawings stay on your device.

Open the editor

Run it locally

Clone the repository and start the dev server. Requires Node.js.

git clone https://github.com/baipix/baipix.git
cd baipix
npm install
npm run dev

Features

Every tool in detail →

Everything you need. Nothing you don't.

Familiar from the first click

A menu bar with every shortcut, a command palette on Ctrl+K, presets to start from, and a short tour the first time.

Clean vector export

Every color becomes a single SVG path, and your layers stay layers. Copy as SVG and paste it straight into Figma or Illustrator, export a PNG from 1× to 32×, or an .aseprite file to keep working in Aseprite.

Pixel gap rendering

Space pixels apart for an LED or dot-matrix look, right on the canvas, and exported as real vector.

Colors that follow the palette

Lighten and shade along the ramp of the color. Adjust hue and saturation in one pass, or remap a whole drawing to another palette, matched by nearest color or by lightness.

Palettes and images from anywhere

Each file keeps its own palette: one of nineteen classics (PICO-8, Game Boy, Endesga 32…), the colors of the drawing as you draw, or one of yours, there in every file. .hex and .gpl files in and out. Open a scaled-up screenshot of pixel art and get its real pixels back.

Drawing, pixel by pixel

A pixel-perfect pencil with a stabilizer, a lasso fill, a spray, a gradient in palette colors, dithering patterns, shapes from lines to hearts, a lasso and a magic wand, and brushes made from your own selection.

Rework without new colors

Liquify pushes, grows or shrinks a part of the drawing, and Jumble shuffles pixels for texture. Both keep the edges sharp and the palette as it is. Blur can stay within the palette too.

Symmetry, guides and seamless tiles

Mirror around axes you drag anywhere, line up sprites with rulers and guides, and in tile preview strokes wrap around the edges, so textures repeat without a seam.

Layers, effects and preview

Layers like a design tool, with groups, blend modes, and handles to resize and rotate them. Outline, shadow and glow effects, layers you copy from one file to another, and a floating preview.

Components

Draw a sprite once and place instances of it anywhere: change the component, and every copy follows. Repeat one in a grid, or detach a copy to change it on its own.

Isometric volumes

Turn on the isometric grid and draw boxes, cylinders standing or lying, pyramids, stairs and ramps in one drag, already shaded, with bevels and a color per face if you like.

Several boards, one file

Variants of a sprite or a scene in four seasons, side by side, each board with its own size, layers and undo history, kept even after a reload. Export them all at once.

New: animation

Make it move.

A timeline under the canvas: add frames, give each its own duration, see the ones around with the onion skin, play it as you draw. Then export a GIF, a sprite sheet for your game, or an .aseprite file.

Animate the slime How it works
  1. 260 ms
  2. 90 ms
  3. 80 ms
  4. 80 ms
  5. 60 ms
  6. 60 ms
  7. 70 ms
  8. 110 ms
  9. 70 ms
  10. 60 ms
  11. 60 ms
  12. 80 ms
  13. 70 ms
  14. 70 ms

Screenshots

See it at work.

Several boards in one file: The four seasons of a scene side by side, each board with its own layers, and a floating preview of the one you work on.

Several boards in one file

The four seasons of a scene side by side, each board with its own layers, and a floating preview of the one you work on.

Isometric volumes: Boxes, cylinders standing or lying, stairs and ramps on an isometric grid, with outlines, bevels and a color per face.

Isometric volumes

Boxes, cylinders standing or lying, stairs and ramps on an isometric grid, with outlines, bevels and a color per face.

Components: One banana, five instances in their own groups and colors. Change the component, and every copy follows.

Components

One banana, five instances in their own groups and colors. Change the component, and every copy follows.

Gradients in palette colors: A radial gradient on a Game Boy screen, dithered in its four greens and nothing else.

Gradients in palette colors

A radial gradient on a Game Boy screen, dithered in its four greens and nothing else.

Seamless tiles: Tile preview repeats the drawing all around it, and strokes wrap around the edges.

Seamless tiles

Tile preview repeats the drawing all around it, and strokes wrap around the edges.

Rework without new colors: Blur, Jumble and Liquify reshape a painting and keep its palette as it is.

Rework without new colors

Blur, Jumble and Liquify reshape a painting and keep its palette as it is.

An eyedropper with a loupe: Pick a color from a magnified loupe with its hex code, while the preview shows the whole drawing.

An eyedropper with a loupe

Pick a color from a magnified loupe with its hex code, while the preview shows the whole drawing.

Pixel gap: Space pixels apart for an LED look, right on the canvas and in the SVG export.

Pixel gap

Space pixels apart for an LED look, right on the canvas and in the SVG export.

Draw your first pixel.

Free and open source, under the MIT license. No account, and your drawings stay on your device.

Open the editorRun it locally