Dot Grid Wave
ParticlesDescription
A dot matrix whose dots brighten and scale in traveling waves.
What is the dot grid background?
Dot Grid Wave is a free dot grid 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.”
colorsPalettewave trough and crest dot colors
bgPalettebackground color
bg-alpha0–10 = dots over the section's own background
spacing0.2–1grid spacing; higher = fewer, more spread dots
dot-size0.1–0.8dot radius relative to cell
wave-scale0.4–3wavelength; lower = one broad wave
wave-speed0.05–2wave travel speed
angle0–360wave travel direction in degrees
falloff0.1–1crest sharpness; low = narrow bright crests
mouse0–1Magnetic-lens strength: dots near the cursor swell and brighten under a soft gaussian light with a faint ripple while the pointer moves; 0 disables all cursor response and the effect fades back to pure ambient when the pointer idles.
Frequently asked questions
Yes. You can preview the dot grid 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 dot grid 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.
