SVG
SVG lens
Inline SVG linework with a pointer-driven displacement lens.
Working index
Name treatments
Finished SVG treatments can appear on the landing page. Drafts and work in progress stay here.
- Finished
- Draft
01/rectilinear
Rectilinear
Straight strokes on the shared nine-cell skeleton.
- Draft
02/math-curve
Math curve
The same skeleton with filleted corners, bowed diagonals, and superellipse bowls.
- Draft
03/gradient-field
Gradient field
A continuous colour field drawn through the same mathematical curves.
- Work in progress
CSS
CSS grid
Letterforms assembled from CSS grid and nested elements.
- Draft
Canvas
Canvas dissolve
A WebGPU study with a noisy, pointer-reactive dissolve.