云绘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

Brush, undo, layer and file operations run on 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

云绘是产品的中文名，英文名与开源项目名仍为 Saier。saier 与 @saier/* 包名、API 及文件格式标识保持不变。

bash

pnpm add saier

import { createPainter } from 'saier'

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

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

Status

Saier 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–P14) — the ordered execution plan
🖌️ Custom Brushes — runtime custom presets, external engines, and .myb mapping
🧩 Core Interfaces — the contracts between core and the Pixi adapter
🧭 Decisions (ADR) — key architectural calls and why