Fluid Smoke

Ambient
Interactive — move your cursor

Description

Slow volumetric smoke and ink curls via domain-warped noise.

What is the smoke background effect?

Fluid Smoke is a free smoke background effect 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.”

colorsPalette

1-4 smoke colors; first = dense core, second = wisps

bgPalette

background behind the smoke

bg-alpha0–1

0 = smoke over the section's own background

speed0.05–2

evolution speed; keep low for realism

scale0.5–4

plume size; lower = huge slow billows

warp0–2

fluid distortion; higher = stringy marbled curls

rise-1–1

vertical drift; positive = rising, negative = sinking

swirl0–1

rotational vortex motion

contrast0.5–2.5

density separation; higher = defined plumes

softness0.2–1

how much area the smoke fills

mouse0–1

cursor stir strength; the pointer curls the smoke around itself in a soft vortex, like a hand waved through incense — 0 = off

Frequently asked questions

Yes. You can preview the smoke background effect 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 smoke background effect to match.

More effects

View all