Motestack EditorBrowser-based pixel art and 2D animation

Built for indie game devs and pixel-art enthusiasts. Runs entirely client-side; your work never leaves the browser unless you export it.

Get started

Keyboard shortcuts

Open the editor →

✏️

Aseprite-class drawing

Pencil (right-click to erase), eraser, fill, gradients with dithering, brush shapes, dither brush, custom brushes captured from selections, pixel-perfect line filter.

🎞️

Animation system

Multi-frame projects, sprite-aware timeline with drag-to-enroll, named animations, frame tags, onion skin with persistent tints, Bayer-dithered frame interpolation, frame diff overlay.

🎨

Indexed color & cycling

Lock the project to a palette so editing slot 3 rewrites every matching pixel. Cycles rotate palette slots over time. Import PNG/JPG and extract a palette with median-cut.

📐

Layers, groups, linking

Nested groups with their own opacity and blend mode. Cut/Copy/Paste rows. Link a layer across frames so a single brushstroke updates everywhere.

🎮

Gamedev export

Aseprite-compatible JSON sprite sheets with frame tags + slices (hitboxes, anchors, 9-slice). Auto-tile 47 generator. Smart upscale (xBR / nearest).

⌨️

Power-user UI

Command palette (Ctrl+K), remappable shortcuts, English/Español, light/dark theme, manual save (Ctrl+S), project backups, fully customizable workspace.

What is Motestack?

A pixel-art and 2D-animation editor that runs in your browser. It saves projects automatically to IndexedDB and writes a self-contained .mstack file you can share or back up. The whole thing is single-page React + TypeScript with no server side — your art never leaves your machine unless you export it.

Status: beta (v0.15.0). Schemas may still change before the 1.0 release. Export your .mstack files often.

Where to start

🚀 New here? Read Getting started — your first project in 10 minutes.
⌨️ Power-user? Skim keyboard shortcuts and the command palette reference.
💾 Curious about the file format? See the .mstack spec.
🎮 Building a game? Jump to slices for gamedev or exporting to Phaser.

Conventions in these docs

Hotkeys are written like B, Ctrl+Z, Shift+H. On macOS, treat Ctrl as ⌘ unless noted.
UI paths look like Tools panel → Brush → Shape.
Every guide page includes a "Where to find it" section so you can jump straight to the UI.
Code references like src/file.ts point at the implementation if you want to read the source.