Liquid Flow: a fluid animated gradient in electric blue, cyan and violet
Liquid Flow pushes Distort to 70 on the Flow gradient type, so electric blue, cyan and violet fold into each other like ink in water. The Electric Tide palette sits on a midnight navy base, and with Animate on at Speed 40 the currents keep turning over. Use it where you want energy without hard shapes: AI products, developer tools, launch pages.
Make it yours
Dial the turbulence
Distort at 70 is what makes it look liquid. At 40 the currents relax into broad bands; past 85 they break into small eddies that can fight with text, so check the Product preview before you commit.
Add a ribbed glass pass
Glass is off in this look. Set Glass to around 40 with Panes at 12 and the moving currents get sliced into vertical strips, a quick way to make the same colors feel more architectural.
FAQ
How is Liquid Flow different from Emerald Fog, which also uses Flow?
They sit at opposite ends of the same gradient type. Liquid Flow is vivid and moving: Distort 70, Electric Tide colors, Animate on. Emerald Fog is still and hazy, with Distort 40, Soft 70 and a heavier vignette. Pick Liquid Flow for energy and Emerald Fog for calm.
How it works
Pick a starting point
Start from one of 28 looks such as Soft Mesh, Eclipse Rays or Riso Halftone, or choose a gradient type and one of 24 palettes.
Tune the gradient
Adjust scale, distortion, swirl and softness, add grain, glass panes or glass tiles, a dot, grid or line overlay, a second blended layer or a treatment such as halftone or pixel sort, and switch animation on with its own speed.
Preview and use it
See the gradient in landing page, card, mobile and sign up layouts, then sign in with a free UX Pilot account to use it on the canvas or export it.