Canvas Graphics Editor

A browser-based graphics editor built on a framework-agnostic engine. One pure TypeScript core. Two independent UI implementations.

Core Engine

Framework-agnostic editor engine

A pure TypeScript engine with a retained-mode scene graph of shapes, transformed via the Command pattern and rendered through pluggable adapters — completely independent of the HTML5 Canvas API or any UI framework.

Ports & AdaptersCommand PatternState MachinesEvent-Driven

Implementations

Vanilla JavaScript

Minimal

Raw engine integration with no framework. Direct HTML5 Canvas adapter, no build step, no dependencies.

Open →

Next.js App

In Progress

Production-grade React app on the same engine. Real-time collaboration via Socket.IO, auth, and persistent storage.

Open →