See what SVG can really do.
Five interactive playgrounds — line-drawing, shape morphing, native filters, motion paths & physics, and generative art. Every pixel here is math, not a bitmap. Resize your window; nothing blurs.
Drawing & morphing
A path is just a list of coordinates. Animate how much of it is drawn and you get self-writing line art. Interpolate one path's points into another's and shapes morph.
svg.createDrawable
svg.morphTo
Light, liquid & reveal
SVG ships a tiny GPU-backed image-processing pipeline: blur into glow, turbulence into liquid, gradients that animate, and masks that reveal. All declarative, all resolution-independent.
Follow the path, feel the spring
Bind anything to a path and it inherits the curve — position and heading. Add a spring and static vectors become tactile: throw them, they settle.
svg.createMotionPath
Made by code, drawn as vectors
Because SVG is just markup, code can author it. A seed becomes a constellation; a dataset becomes a chart that draws itself. Regenerate as many times as you like.