Question 1

What is GradientLab?

Accepted Answer

GradientLab is a professional-grade gradient creation and animation tool built with WebGL shaders for real-time GPU-accelerated rendering. It offers 9 gradient types including Aurora, Spiral, and Reverb, plus warp effects, materials like Iridescent and Holographic, and animation with export to PNG, GIF, MP4, and more.

Question 2

Is GradientLab free to use?

Accepted Answer

Yes, GradientLab has a generous free tier with full editor access including all 9 gradient types, warp effects, materials, and animations. Free users can export PNG images up to 800×600 with a watermark. Pro plans ($8/month or $149 lifetime) unlock 4K export, video formats (GIF, MP4, WebM), unlimited saved gradients, and watermark-free exports.

Question 3

Can I export animated gradients as video?

Accepted Answer

Yes, GradientLab Pro lets you export animated gradients as GIF, MP4, or WebM video files. You can export at resolutions up to 4K (4096×4096) with frame rates of 24, 30, or 60 fps and durations from 1-30 seconds.

Question 4

What gradient types does GradientLab support?

Accepted Answer

GradientLab supports 9 gradient types: 4 standard (Linear, Radial, Conic, Diamond) and 5 advanced (Spiral, Aurora, Stripes, Folded, Reverb). Each type has unique controls—for example, Aurora creates northern lights ribbon effects, Spiral offers tightness and decay controls, and Reverb creates echo patterns in shapes like hearts, stars, and hexagons.

Question 5

What effects can I add to gradients?

Accepted Answer

GradientLab offers extensive effects: 7 warp effects (Wave, Bend, Ripple, Twist, Sphere, Bulge, Blur), 4 material simulations (Iridescent, Metallic, Holographic, Velvet), visual effects (Glow, Chromatic Aberration, Vignette, Grain, Posterize, Halftone, Scanlines, Pixelate), and new ASCII and Dot Matrix rasterization effects. All effects can be combined and animated.

Question 6

How does the animation system work?

Accepted Answer

GradientLab uses a GSAP-powered animation engine with 6 presets: Breathe (meditative), Drift (floating), Pulse (rhythmic), Sway (hypnotic), Flow (fluid), and Lava (morphing blobs). You can customize rotation, scale, movement, 3D depth, and easing. Animation intensity ranges from Whisper (25%) to EXTREME (400%+) with loop durations from 2-60 seconds.

Question 7

Can I extract colors from an image?

Accepted Answer

Yes, GradientLab includes an image color extraction feature. Upload any image and the tool automatically extracts a color palette. You can click individual colors to copy hex values and apply the extracted palette to your gradient instantly. This feature is available in both Free and Pro plans.

Question 8

What browsers support GradientLab?

Accepted Answer

GradientLab works in all modern browsers with WebGL 2.0 support: Chrome 90+, Firefox 88+, Safari 14+, and Edge 90+. The tool is responsive and touch-friendly, though desktop is recommended for the full experience due to the complex interface.

Live where the site ships.

Publish, copy, make the page move.

Choose the gradient in GradientLab.

Sign in to grab the snippet.

It becomes the page surface.

Choose the gradient in GradientLab.

Sign in to grab the snippet.

It becomes the page surface.

Put GradientLab on a Framer page today.