Fluted Glass
GradientsDescription
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.
What is the fluted glass background?
Fluted Glass is a free fluted glass 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.”
colorsPalette2-5 hex colors ordered DARK to LIGHT — the backlight ramps through them, so the first owns the deep valleys and the last becomes the white-hot zones; monochrome ramps (one hue dark->pale) give the signature electric look
bgPalettebase tone behind everything; keep it close to the darkest palette color for a cohesive lit-glass panel
bg-alpha0–1backdrop opacity; 1 = solid self-contained panel, 0 = transparent so the lit ribs composite over the host section and dark areas vanish
speed0.05–2global motion rate; higher = visibly drifting light and shimmer, lower = barely-breathing expensive stillness
flutes6–72number of glass ribs across the frame; higher = fine architectural reeding texture, lower = chunky statement ribs with big refraction jumps
flute-angle0–180orientation of the flutes themselves: 90 = vertical panes (default), 0 = horizontal, anything between = diagonal reeding
shape5 optionsgeometry of the flute boundaries: lines = classic straight ribs, irregular = organic varied widths, wave = boundaries undulate along the flutes, zigzag = sharp chevron ribs, pattern = checkerboard tiles of perpendicular reeding
profile5 optionsdistortion cross-section of each flute: lens = rounded mirrored compression (classic reeded glass), prism = crisp faceted split-image doubling, contour = soft S-curve liquid ripple, cascade = per-flute random shear strips, flat = clear panes with seams only
imageImageoptional https image rendered BEHIND the glass instead of the procedural field (cover-fit) — product shots, artwork or photos get the full refraction, frost and cursor-stir treatment; leave empty for the colored light field
distortion0–2cylindrical lens strength across each WHOLE flute: 0 = flat clear glass, ~0.3 squeezes the scene upright inside each rib, 0.5+ crosses the rays so every flute shows a compressed mirrored slice (real reeded glass), 2 = deep kaleidoscopic streaks
highlight0–2brightness of the continuous specular lines along rib edges (they glow strongest in lit zones); higher = sparkling lit-glass edges, 0 = no edge lines
blur0–2.5frost level: tiny diffusion across pane centers and directional smear through the curved edges; higher = dreamier
angle0–360drift direction of the fluid light field behind the glass; ~15 = flowing across the flutes (signature look), 90 = vertical drift
grain0–0.25film grain intensity; higher = tactile analog texture, lower = clean digital finish (a small amount also kills gradient banding)
mouse0–1Cursor stir strength: the pointer displaces the fog behind the glass — a soft curl-and-push that swirls the light field around it, settling back when the pointer rests; 0 disables.
Frequently asked questions
Yes. You can preview the fluted glass 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 fluted glass background to match.
More effects
View allRiso 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.
Dot Grid Wave
A dot matrix whose dots brighten and scale in traveling waves.