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 - no shader code, ever.
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.
A whole library of effects to choose from.
Gradients, noise fields, warps, halftones, glass - every frame on this wall was rendered by the same engine you'll design with.
Explore effectsStack it. Compare it. Ship it.
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
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.
Make something that moves
Open the studio and have a living background in minutes - then ship it as a component or a video.