Tools: pick one from the top row. Pencil draws, Eraser clears to transparent, Fill flood-fills a connected area, Pick grabs the colour under the cursor. Line, Rect and Ellipse drag out shapes — toggle Outline/Filled for hollow or solid. Spray is an airbrush, Dither lays a checker of your primary+secondary, Gradient drags a primary→secondary blend across the layer, Shade lightens (left-drag) or darkens (right-drag) existing pixels, and Replace swaps one colour for another everywhere on the layer. Brush 1–4 sets the nib size, Mirror cycles off → horizontal → vertical → 4-way symmetry, and Grid toggles the pixel grid.

Colour: the two swatches are your primary (left-click / left-drag) and secondary (right-click / right-drag) colours — ⇄ swaps them. Pick any colour on the square + hue slider or type a hex. Palette presets (Blue, Game Boy, PICO-8, C64…) load a ready-made set; click a swatch to use it (shift- or right-click = secondary). + Add to palette stores the current colour and Recent keeps your last ones.

Layers: each frame can hold several layers. Drawing always lands on the active layer (click a row to select it). The ●/○ dot hides/shows a layer, the slider sets its opacity, and + Layer / ⧉ / ✕ / ↑ / ↓ add, duplicate, delete or reorder. Layers composite top-over-bottom on the canvas and in every export. Pick reads the blended result; Fill, Flip, Rotate, Clear and Import affect the active layer only.

Frames & animation: build an animation with + Frame (blank) or Dup (a copy of the current one); ✕ Del removes one and you can drag thumbnails to reorder. Onion shows the previous frame faintly for reference. ▶ plays the loop at the chosen FPS, shown in the Preview box.

Canvas, zoom & view: Size + New starts a fresh canvas from 8×8 up to 128×128. Zoom − / Fit / + (or Ctrl+scroll over the canvas) magnifies; when zoomed in, scroll to pan around. Tile preview (3×3) shows your art tiled, so you can design seamless patterns. ↶ ↷ are undo/redo, Clear empties the active layer, and Flip H/V and Rotate ⟳ transform the active layer — or the floating selection if one is active.

Selection: with Select, drag a box, then drag inside it to move the pixels (hold Alt to move a copy). Ctrl+C / Ctrl+V copy & paste, Rotate ⟳ and Flip H/V transform the floating piece, Enter stamps it down and Esc or Delete cancels or clears it.

Export & save: PNG exports the current frame at your chosen scale; Sprite sheet lays every frame out in a grid (set cols for columns×rows); GIF renders the animation as a looping, transparent animated GIF. Save writes a .json project (all layers & frames) that Load reads back later. Import img drops a photo/PNG onto the active layer, pixelised to the grid — tick snap to palette to map it to your current colours. Your work also autosaves to the browser and offers to restore it next time you open the tool.

Keyboard: B pencil, E eraser, G fill, I pick, L line, R rect, O ellipse, A spray, D dither, H shade, S select · Ctrl+Z / Ctrl+Shift+Z undo/redo · Ctrl+C / Ctrl+V copy/paste a selection · Enter / Esc / Delete commit/cancel/clear a selection.

Desktop & tablet: Cookie_Pixel is built for a mouse or stylus and a bigger screen. It runs on a phone in a pinch, but precise pixel work really wants desktop or tablet. On iPhone/iPad, exports open in a new tab — long-press to save.