15 animated gradient styles
Each style turns the same set of colors into a different kind of motion. Pick one to see it running, start from a preset, and export it as an image, a video, CSS or a live embed. You can also stack styles as layers with blend modes in the editor, and give any design a finish: film grain, fluted glass, a pixel dither or halftone dots, or a soft blur.
Mesh Blob
Soft circles of color that blend where they overlap.
Ribbon Flow
Wide, soft bands of color bent into slow waves.
Aurora
Tall curtains of light that sway, shimmer and fade.
Noise Field
Colors mixed through noise, with a film-grain finish.
Wave Stack
One wave per color, layered like hills on a horizon.
Radial Burst
Rings of color that pulse out from a center point.
Angular Sweep
A conic gradient that wraps color around the center.
Liquid Marble
Colors folded into swirls, like ink dropped in water.
Particle Flow
Fine lines on a slow current, with points of light.
Topographic
Contour lines from a trail map, shaded in your colors.
Neon Flow
Glowing ribbons of light with particles and bloom.
Lava Lamp
Blobs that rise, sink, merge and split like warm wax.
Liquid Chrome
Molten metal that flows and catches the light.
Holographic
Iridescent foil whose rainbow slides as it moves.
Retro Grid
A neon grid racing toward a striped sunset.