DOTORIXEL

A pixel art editor you can open anywhere and start drawing right away.

Roadmap

Currently working on: Milestone 4 — Animation-Capable Editor

Milestone 1 — Usable Editor ✓

The foundation: enough tools and polish to create real pixel art.

• Drawing tools — line, rectangle, circle, flood fill, eyedropper
• HSV color picker with foreground/background swap
• Keyboard shortcuts for tools and editing
• i18n (Korean / English / Japanese)
• Landing page and analytics

Milestone 2 — Production UIUX ✓

Overhaul the UI from prototype-level to production quality. Design for all platforms (desktop, iPad, mobile) and plan ahead for layers and animation.

• UI design with Pencil.dev (screen inventory, design system, responsive layouts)
• Design system application (token and component refactoring)
• Touch & mobile support (touch targets, pinch-zoom, safe area, responsive layout)
• Usability fixes and UX enhancements from post-development testing

Milestone 3 — Editor for Serious Work ✓

Layer support, selection, project persistence, and reference imagery for larger projects.

• Layer system (add/delete/reorder, visibility, opacity)
• Reference layer (import image as non-editable layer)
• Floating reference image windows (reposition, color sampling) — inspired by Pixquare
• Selection & transform (rect select, move, copy/paste, flip)
• Touch modifier alternatives

Milestone 4 — Animation-Capable Editor

Frame-by-frame animation workflow, plus project file format and editor polish carried over from Milestone 3.

• Frame management and timeline UI
• Onion skinning
• Animation preview
• GIF and spritesheet export
• Project file format (JSON-based save/load)
• Apple Pencil: hover preview + palm rejection
• Feature guide page

Tech Stack

	Component	Technology
Shared	Core Logic	Rust
	Testing	cargo test
Web	Bindings	wasm-bindgen
	UI	TypeScript + Svelte 5 (SvelteKit, adapter-static)
	Rendering	Canvas2D
	Testing	Vitest + Playwright (E2E)
	Deployment	Vercel
Apple	Bindings	UniFFI
	UI	SwiftUI (macOS + iPadOS)
	Rendering	Metal
	Testing	XCTest

Prerequisites

Web

• bun v1.3+
• Rust stable
• wasm-pack

Apple (macOS / iPadOS)

• Xcode
• XcodeGen

Getting Started

# Install dependencies
bun install

# Start development server (builds WASM automatically)
bun run dev

Open http://localhost:5173 in your browser.

Scripts

Command	Description
bun run dev	Build WASM + start dev server
bun run build	Build WASM + production build
bun run preview	Preview production build
bun run wasm:build	Build WASM module only
bun run check	Run svelte-check type checking
bun run test	Run unit tests
bun run storybook	Start Storybook dev server (port 6006)
bun run build-storybook	Build static Storybook site