saier优雅的在线画板

一个体验优雅的在线绘画运行时 —— 融合 SAI / Procreate / Krita 之长，把画意手感搬到 web（PixiJS 显示 + 可脱离 Pixi 的 raster 引擎）

Get Started

Roadmap →

View on GitHub

🎨

PixiJS-powered

Viewport, zoom / pan / rotate, layer compositing and GPU rendering on top of PixiJS v8.

🖌️

Brush · Eraser · Layers

Pressure-aware tools, selection & transform handles, image import, undo / redo.

🧱

Raster-first core (WIP)

Migrating the painting core from Graphics-per-stroke to a swappable raster / tile engine — see the Design section.

📐

Pixi-agnostic engine

Brush, surface, document and undo live in core; PixiJS is just one display backend.

Quick Start

bash

pnpm add pixi-painter

import { createPainter } from 'pixi-painter'

const painter = createPainter({
  view: document.querySelector('#canvas') as HTMLCanvasElement,
  size: { width: 768, height: 768 },
})

await painter.init()
painter.useTool('brush')

Status

pixi-painter is under active architectural evolution — from a PixiJS brush demo into a elegant, multi-inspiration web painting runtime (synthesizing SAI / Procreate / Krita). The full plan lives in the Design section, written to be executed phase-by-phase by humans or coding agents.

🗺️ Roadmap (P0–P9) — the ordered execution plan
🧩 Core Interfaces — the contracts between core and the Pixi adapter
🧭 Decisions (ADR) — key architectural calls and why