WarpFor developers
Warp effects you can paste into a page
Every generator labels its output by tier: pure CSS, SVG textPath or SVG filter. No promises CSS cannot keep.
SVG displacement map generator
feTurbulence + feDisplacementMap with live preview and copy-paste code.
SVG textPath generator
Arc, circle and wave text that stays real text: selectable, accessible, indexable.
Liquid glass generator
backdrop-filter blur and saturation everywhere, SVG displacement refraction in Chromium, fallback included.
CSS perspective text
Two-line transform rule, tuned visually.
Articles
How the engine behind these tools works, for people who would rather read the maths than drag a slider.
The maths of warping text for a vinyl cutter
A point-mapping warp engine in dependency-free TypeScript: one signature for text, SVG and images, a vector pipeline that cuts clean, and WebGL within 0.3 px.