Liquid Metal
AmbientDescription
Slow-flowing chrome mercury surface with stretched studio-reflection bands, hot specular pings, and an iridescent horizon fringe, tintable to any palette.
What is the liquid metal background?
Liquid Metal is a free liquid metal background that renders in real time with WebGL, so it stays sharp on any screen without shipping a heavy video file or GIF — and it pauses while off-screen to keep pages fast.
Use it as visual inspiration for a hero or section background on a landing page, portfolio, SaaS site or app. Every parameter — colors, speed and intensity — is adjustable in the remix playground. No account is needed to preview it.
Make it yours
Every knob below is tuned by the AI to match your design — or ask for changes in plain language, like “slower and more blue.”
colorsPaletteReflection tint ramp ordered dark to light: first color stains the deep pools, last color tints the bright chrome bands; same-hue families read as tinted metal, contrasting hues read as iridescent candy chrome
bgPaletteBackdrop color the dark pools sink into — match the page background so the metal melts into the section edges
bg-alpha0–1Backdrop opacity: 1 = solid metal sheet, 0 = only the bright mercury blobs render and the host page shows through the dark pools
speed0.05–2Flow rate: lower = slow expensive molten drift, higher = lively rushing quicksilver
scale0.5–4Feature density: lower = a few huge cinematic blobs filling the frame, higher = many small busy ripples
viscosity0–1Thickness of the metal: higher = heavy slow mercury with large smooth blobs, lower = runny agitated metal with fine surface-tension ripples
specular0–2.5Intensity of the hot white light pings on curvature peaks: higher = sparkling studio-lit chrome, 0 = matte satin metal
contrast0.5–2.2Reflection band punch: higher = hard graphic dark/bright chrome stripes, lower = soft pewter sheen
flow-angle0–360Direction the metal streams and streaks elongate, in degrees: 0 = horizontal drift, 90 = rising vertical columns
relief0.2–2.5Surface sculpting depth: higher = deep churning waves with tightly stretched reflection bands, lower = gentle near-flat satin sheet
grain0–1Animated film grain strength: higher = tactile cinematic texture that also kills gradient banding, 0 = clinically clean surface
mouse0–1Cursor press strength: the pointer dents the metal with a soft local depression, a raised meniscus rim, and 1-2 slow radiating ripple rings that bend the chrome reflection bands around it like pressed mercury; 0 disables the interaction and the surface relaxes back to pure ambient flow a couple seconds after the pointer rests
Frequently asked questions
Yes. You can preview the liquid metal background for free in the AIDesigner effects library — no watermark and no sign-up required to try it.
Use "Remix this effect" to tune the colors, speed, and parameters, then use the preview as a reference for your website background implementation.
It renders on the GPU through WebGL at a capped frame rate, so it is far lighter than a background video and automatically stops drawing when it scrolls out of view — keeping load and battery impact low.
Yes. Every knob in the "Make it yours" section is adjustable, and you can also just ask the AI in plain language — for example "slower and more blue" — and it retunes the liquid metal background to match.
More effects
View allFluted Glass
Rounded glass flutes acting as true cylindrical lenses over a fluid two-tone light field: every rib compresses and mirrors the scene across its whole width while the rims light-pipe and disperse it — every visible line is displaced light, nothing painted on.
Riso Dither
Animated flow field quantized through a Bayer matrix into a limited ink palette — crisp retro risograph halftone dithering with chunky pixels, wind-swept ribbons, and a drifting luminous core.
Noise Shimmer
Premium film-texture finish: slow thin-film iridescent ribbons with fine animated grain and a subtle vignette.
