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: feathered layer, tint, and grain over a colorful backdropOpen in editor →
Flat UI elements with dynamic highlights and reflections based on the geometry of the pathOpen in editor →

Physically Based Rendering

Bring lighting, Fresnel, and GGX specular straight into 2D paths. Strokes and shapes pick up materials like ceramic, metal, or glass without leaving the vector pipeline.