Drawing App
Draw with a mouse, a finger or a pen on a canvas up to 4096 x 4096 pixels, on as many as 50 layers that each keep their own position, opacity and visibility. Round, soft and pencil brushes, an eraser, lasso and rectangle selections that keep paint inside them, a bucket fill, a colour picker, lines, rectangles, ellipses and text are all here, with a mirror mode and pen pressure. What sets it apart is that the arithmetic is in the open: layers combine by standard source-over alpha compositing, and the Pixel readout shows what every layer holds under the cursor and the colour they make together, the same value a PNG export carries for every fully opaque pixel. Save project keeps every layer in one file you can reopen here, exports leave hidden layers out, and nothing is uploaded.
On the canvas: B brush, E eraser, G fill, I picker, S select, U shapes, T text, V move, H pan. Arrow keys move a cursor (Shift for one pixel) and Enter starts and ends a stroke, a shape or a selection; Esc cancels. [ and ] change the size, + and - zoom, 0 fits. Ctrl or Cmd with Z undoes, with Shift redoes. Drop or paste a picture to add it as a layer.
Common questions
- Do I need to sign up or install anything?
- No. The drawing app is this page: open it and draw with a mouse, a finger or a pen. There is no account and no download, and nothing you draw or open is uploaded, because the painting, the exported images and the project file are all made in your browser. The page remembers your tool, brush, colour and canvas size between visits, never the drawing itself.
- Does it work with an Apple Pencil or a drawing tablet?
- Yes, with any stylus the browser reports as a pen, and Apple Pencil on an iPad is one. With Pen pressure switched on, pressure sets the stroke width: the lightest touch draws at 15% of the brush size and a firm press at the full size. A mouse or a finger always draws at the size you set, since neither reports real pressure. Touch drawing follows one finger at a time; to scroll around a zoomed canvas, pick Pan.
- How do layers work?
- Each layer is its own sheet of pixels with a name, a position, an opacity and an eye button that hides it. You can have up to 50, and add, duplicate, reorder, rename, clear or delete them, drag one with Move, and merge one down onto the layer below. A merge lays the upper layer, at its own opacity, over the lower one by standard source-over alpha compositing, so #FF0000 at 40% over #FFFFFF becomes #FF9999, and the merged layer keeps the lower layer's opacity setting. A hidden layer cannot be painted on or merged, and it is left out of every exported image.
- How do I save a drawing and keep working on it later?
- Use Save project. It writes one .json file holding every layer as a PNG, with its name, position, size, opacity and visibility, plus which layer was active, and Open project reads it back here with all of that intact. The format is specific to this tool, so other apps will not open it: for them, use Export image. The drawing is not kept in the browser between visits, so if you try to leave with changes you have not saved or exported, the browser asks first.
- Can I export a drawing with a transparent background?
- Yes. A new canvas starts with an ordinary white Background layer: hide it with its eye button, export as PNG, and every pixel that no visible layer covers stays transparent. JPEG has no transparency, so a JPEG export fills those areas with white. Either way the file is the full canvas size you set, and Copy puts the same PNG on the clipboard in browsers that allow it.
- How many times can I undo?
- Up to 30 steps: Ctrl+Z or Cmd+Z undoes, and adding Shift redoes. Strokes, fills, shapes, text, selection edits, layer changes, moves, opacity changes and opening a file or a new canvas each count as a step, and a quick run of opacity changes or arrow-key nudges on one layer counts as one. The steps share 256 MiB of memory. Thirty edits that each cover a whole 1920 x 1080 canvas fit, but at 4096 x 4096 only the last four full-canvas edits do, which is why undo keeps fewer steps when single edits are very large.
- Can I draw over a photo?
- Yes, two ways. Open picture makes the photo the canvas, at its own size up to 4096 pixels a side, with an empty Layer 1 above it to draw on. Add picture as layer, or dropping or pasting an image onto the tool, puts it on a new layer over your drawing, shrunk to fit the canvas if it is larger and centred. Either way the photo is decoded in your browser and a phone photo is turned upright from its orientation tag, and lowering that layer's opacity makes it easy to trace over.
- Can I use it with only a keyboard?
- Yes. Tab to the canvas and press Enter to show a cursor, move it with the arrow keys (Shift moves one pixel), then press Enter to put the pen down and again to lift it. Strokes, shapes and selections all work that way, and Escape cancels. Letter keys pick tools (B brush, E eraser, G fill, I picker, S select, U shapes, T text, V move, H pan), [ and ] change the brush size, and every other control is an ordinary button, slider or field. The Pixel readout names the colour at the cursor on every layer.
A raster painter: every stroke becomes pixels at the canvas size you set, up to 4096 x 4096, and layers combine by standard source-over alpha compositing, so a merged colour can be checked by hand. Undo holds up to 30 steps, fewer when single edits cover very large areas, and the project file keeps layers, positions and opacity in a format specific to this tool. Your drawing and any image you add stay in this browser and are never uploaded.