WebGPU Hardware Accelerated
WebGPU Procedural Gradient & Shape Grid Studio
Craft organic motion graphics with repeated geometric shapes, frosted diffusion, and real-time WGSL shaders.
WebGPU Multi-Layer Motion StudioOPEN SOURCE
Compositor con 10 formas geométricas, gradiente de fondo multicromático y difuminación variable
Canvas2D Fallback
Composiciones Multicapa:
Capas Superpuestas (3/4)
Capa 1: Flujo Líquido
Fusión:
Blur: 70%Capa 2: Malla Geométrica
Fusión:
Blur: 28%Capa 3: Destellos Florales
Fusión:
Blur: 15%3 Capas ActivasArrastra los anillos para posicionar los colores
WebGPU Noise & Mesh IDW
Bucle Temporal: 0.0s / 5s30 FPS
Grano:
Drag the rings on the canvas. Each ring pins its colour there.
SCALE30%
DISTORTION50%
SWIRL10%
SPEED25%
4
SPRING CELADON
#EAFBF7·AAA
RIVER INDIGO
#5CE3E6·AAA
RIVER INDIGO
#0F9CC2·AA
INDIGO
#274A78·AAA
SOFTEN24px
NOISE5%
Duración para Timeline:
Native WebGPU Shaders
Computed directly on your GPU using WGSL shaders at steady 60 FPS with 32-bit floating point precision.
Tiled Mesh & Frosted Glass
Generate matrices of 10 SDF shapes with real-time frosted glass dispersion and wave dynamics.
Direct to Video Editor
No client-side encoding bottlenecks: transfer the live procedural shader directly to your video timeline.