Skip to main content

Redraw

You are renderful

Documentation

Variable Strokes

Stroke width and colors are TypeScript functions that are compiled and executed on GPU. They receive the path geometry information as input giving you full control to create dynamic, geometry-aware strokes.

Variable strokesOpen in editor →
Eleven-color palette interpolated along the pathOpen in editor →

Color Along Path

Like for strokes, colors are TypeScript functions compiled and executed on GPU. You have full control of the color of fills and strokes based on the geometry of the path.

Vector Feathering

Soft, distance-based blur computed directly from vector geometry. No rasterization, no post-process pass, just feathered layers composed in a single shader.

Frosted glass: a feathered, tinted layer over a moving backdropOpen in editor →
Two orbiting discs joined by a smooth union, rasterized as one shapeOpen in editor →

Shape Operators

Compose geometries with unions, intersections, and smooth blends. The whole operator tree rasterizes as a single shape, so translucent paints never double-blend and strokes follow the combined outline.