Playground

Precise controls / expressive output

Preset Seed Lock

Grid

Stage / 540 × 260

100%

roughjs / semantic

Geometry updates recompile the plan. Paint and transforms reuse retained work.

DOM stage / managed layer

A DOM Range can cross inline boundaries, wrap onto another line, and keep its text color synchronized.

show · 100%

rough-notation

The chrome stays exact. Only the selected phrase receives the expressive layer.

Responsive connector stageDrag enabled

Drag the cards to redraw the line.

Start hereComment

Land hereTarget

SWOOPseed / 42

perfect-arrows

Connectors attach to real elements and refresh as their layout moves.