Fluted Glass

Gradients
Interactive — move your cursor

Description

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.”

colorsPalette

2-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

bgPalette

base tone behind everything; keep it close to the darkest palette color for a cohesive lit-glass panel

bg-alpha0–1

backdrop opacity; 1 = solid self-contained panel, 0 = transparent so the lit ribs composite over the host section and dark areas vanish

speed0.05–2

global motion rate; higher = visibly drifting light and shimmer, lower = barely-breathing expensive stillness

flutes6–72

number of glass ribs across the frame; higher = fine architectural reeding texture, lower = chunky statement ribs with big refraction jumps

flute-angle0–180

orientation of the flutes themselves: 90 = vertical panes (default), 0 = horizontal, anything between = diagonal reeding

shape5 options

geometry 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 options

distortion 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

imageImage

optional 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–2

cylindrical 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–2

brightness 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.5

frost level: tiny diffusion across pane centers and directional smear through the curved edges; higher = dreamier

angle0–360

drift direction of the fluid light field behind the glass; ~15 = flowing across the flutes (signature look), 90 = vertical drift

grain0–0.25

film grain intensity; higher = tactile analog texture, lower = clean digital finish (a small amount also kills gradient banding)

mouse0–1

Cursor 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 all