Living backgrounds,
made in minutes.

Stack WebGL effects the way design tools stack shapes - drag, resize, blend, no GLSL required. Then ship it as a component or a video.

Export to

PNGGIFMP4

Open the studio

Stack it. Compare it. Ship it.

Grain

Noise

Gradient

Stack effects like layers

Drop in a gradient, a noise field, a warp, a grain. Move, resize and blend each one right on the canvas.

Variant 1

Variant 2

Variant 3

Try ideas side by side

Every direction gets its own artboard on one canvas. Duplicate a look, change a few things, and compare them live before you pick one.

Shader.tsx

self-contained component

Copied

Ship it anywhere

One click gives you a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS - or a PNG, GIF or video, ready to drop in.

A whole library of effects to choose from.

Gradients, glass, materials, light, nature, patterns, flow, particles, forms, print, cursor and finish - every frame on this wall was rendered by the same engine you'll design with, and every effect comes in styles.

Explore effects

Your backgrounds deserve motion.

Layer a few shader effects in minutes, then ship the result as a component or a video.