Animated Gradient Generator

A free online gradient maker powered by WebGL and GLSL shaders. Create animated gradient backgrounds with customizable noise and grainy textures. Choose from 5 colors, adjust noise frequency and speed, orbit the camera in 3D, and export high-resolution images up to 4K or record MP4 video loops. Use curated presets or go fully custom, then share your gradient with a unique URL. No signup, no watermarks. Built with Three.js by Juan Garcia.

Built with Three.js by Juan Garcia

2024

Check Air Lab

About this tool

Create animated gradients. Export images and video. Share them.

A free gradient generator for creating animated backgrounds in the browser. Tweak colors, noise, and motion to create smooth or grainy gradient textures — then export stills up to 4K or record MP4 video loops. Every gradient gets a unique shareable URL.

5 customizable colors with real-time preview
Noise and grainy gradient styles with adjustable frequency
Image export up to 4K for wallpapers and design assets
Video export as MP4 — perfect for animated backgrounds
Shareable URLs — every tweak is encoded in the link
Curated presets to start from, or go fully custom