Create interactive vector art and animated vector backgrounds

Each template is a motion-inspired WebGL scene — tune the parameters live, then export your vector art as standalone TypeScript ready to drop into any web project. For an overview of how to use this app, click .

Browse vector art templates

Upload scene or template

Drop a .tsx file or click to browse

Gradient Mesh — animated vector art template preview

Gradient Mesh

Template · Gradient-Mesh-WebGL.tsx

Murmuration — animated vector art template preview

Murmuration

Template · Murmuration-WebGL.tsx

Filaments — animated vector art template preview

Filaments

Template · Filaments-WebGL.tsx

Pulse — animated vector art template preview

Pulse

Template · Pulse-WebGL.tsx

Wave Mesh — animated vector art template preview

Wave Mesh

Template · Wave-Mesh-v3-WebGL.tsx

Aurora Borealis — animated vector art template preview

Aurora Borealis

Template · Aurora-Borealis-WebGL.tsx

Aurora Stars — animated vector art template preview

Aurora Stars

Template · Aurora-Stars-WebGL.tsx