Bokeh Dust Drift
ParticlesDescription
Depth-of-field bokeh particle field: large defocused foreground discs with chromatic fringe, glowing anamorphic-streaked motes, and sharp background dust drifting on three parallax layers over a tinted atmospheric haze.
What is the particle background?
Bokeh Dust Drift is a free particle 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.”
colorsPaletteParticle tint palette (1-4 hex); also tints the background haze. Warm + cool mix gives a camera-bokeh look.
bgPaletteBackdrop base color behind the haze and vignette; deep desaturated darks work best.
bg-alpha0–1Backdrop opacity; 0 floats only the glowing particles over the host section via additive compositing.
density0.1–1Particle population across all three depth layers; low = sparse cinematic bokeh, high = busy field.
speed0.05–2Global tempo for parallax drift, wander, defocus breathing, and twinkle. Slow reads premium.
size0.1–1Scales every layer: dust grain size up to the diameter of the foreground defocused discs.
angle0–360Drift direction in degrees (90 = upward rising dust); layers diverge a few degrees for natural parallax.
turbulence0–1Organic per-particle wander and gentle field swim; high values feel windy, low values feel weightless.
glow0–1Intensity of mote halos, anamorphic lens streaks, foreground disc brightness, and ambient haze.
twinkle0–1Slow brightness oscillation; strongest on background dust, barely-there breathing on foreground bokeh.
mouse0–1Cursor repulsion strength: how firmly the bokeh dust parts around the pointer. Particles within a soft gaussian radius drift radially away from the cursor — large foreground discs swing widest, background dust barely stirs, creating parallax depth like dust parting around a slow hand. 0 disables the interaction entirely; the field eases back to pure ambient drift when the pointer rests.
Frequently asked questions
Yes. You can preview the particle 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 particle 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.
