Animation Tool

Animation controls built for gradients

Rotation, scale, and movement with precision sliders. Real-time preview at 60fps. Designed specifically for gradient motion—not adapted from video tools.

CSSCSSgradientgradientanimationanimationmeansmeanswrestlingwrestlingwithwithkeyframeskeyframesandandhopinghopingforforsmoothsmoothplayback.playback.GradientLab'sGradientLab'sanimationanimationsystemsystemwaswasbuiltbuiltspecificallyspecificallyforforgradients—everygradients—everycontrolcontroldesigneddesignedforforcolorcolorininmotion.motion.

Rotation

Oscillate or continuous spin

Scale

Breathe or rhythmic pulse

Movement

Drift, orbit, or pendulum

Precision Controls

Three independent
animation systems.

Animation breaks down into three independent systems: rotation, scale, and movement. Each has its own amount, speed, and behavior mode.

Adjust any parameter and see the result immediately. The preview updates in real-time—no waiting, no rendering, no guessing.

Rotation

Amount, Speed, Mode

Scale

Amount, Speed, Mode

Movement

Amount, Speed, Pattern

Real-Time Preview

This is what
60fps feels like.

No render times. No guessing. The exact output, playing live as you adjust every parameter.

MostMosttoolstoolsmakemakeyouyouguessguesswhatwhatanimationanimationwillwilllooklooklike.like.Render,Render,wait,wait,watch,watch,adjust,adjust,repeat.repeat.IIwantedwantedsomethingsomethingwherewhereyouyouseeseethethefinalfinalresultresultasasyou work.you work.

Professional Grade

Every slider matters.

Rotation amount. Scale speed. Movement pattern. Each parameter is independent, each adjustment is precise.

Start with presets. Customize everything. Export when ready.

See it move
as you build it.

Real-time preview at 60fps. Adjust, watch, export. Open the editor.

Free tier available-Export to PNG, SVG, CSS, GIF, MP4-No watermarks at $8/mo
Animation