Shapes & Styling
The seven built-in shapes, transforms, and styling. Open →
Examples
A gallery of interactive demos. Every example shows a live canvas and the exact source that produces it — flip to the Code tab on any demo to read along. Each one runs against the engine source, so what you see is what ships.
Events
Capture → target → bubble, hover affordances, pointer coordinates. Open →
Drag & Drop
Manual dragging and snapping to a grid. Open →
Select & Transform
Resize/rotate handles, undo, and multi-select. Open →
Camera
Zoom about the cursor and pan over a fixed world. Open →
Groups & Z-Order
Restacking and grouping in the scene graph. Open →
Selectors
Query the graph with find and traverse. Open →
Serialization & History
Save/load JSON and undo/redo. Open →
Animation
Animate with a plain requestAnimationFrame loop. Open →
Showcase
10k shapes, free drawing, flowcharts, a mini editor. Open →
In Every Framework
The same scene in React, Vue, Svelte, and Angular. Open →