About Glass Tile Wave Grid
Tron Tiles
Glass Tile Wave Grid is an interactive glass tile background for Framer, built to make visitors stop scrolling and start playing. Every click sends a real shockwave rippling across the grid, and every tile answers with weight, light, and attitude.
The Feel
Tiles rise, catch the light, and settle back into their sockets like polished glass. Each pulse is calculated live, so no two clicks ever look the same.
✦ Click shockwaves that travel across the grid and fade with distance
✦ Press-down impact, lift, and a soft settle that feels physical
✦ Hover swell that follows your cursor with smooth easing ✦ Edge shine that glows on the side facing your mouse
The Look
Frosted faces, luminous rims, and layered shadows give every tile real depth. Each click can also leave a glaze of tint that spreads outward and slowly fades.
✦ Glass faces with adjustable opacity, gradient, and sheen ✦ Ambient and contact shadows that grow as tiles rise
✦ Click tint diffusion in any color you choose
✦ Gradient or solid backgrounds with optional vignette
The Engine
Pure Canvas 2D. Zero WebGL. No heavy libraries and no GPU drama. Sprites are cached, work pauses off screen, and the loop sleeps when nothing moves.
✦ Lightweight rendering that runs smoothly on everyday devices
✦ Auto pause off screen to save battery
✦ Pixel ratio cap for crisp results without the cost
✦ Clean static render for thumbnails and exports
Total Control
Every detail lives in the property panel, grouped clearly. Controls appear only when they matter.
✦ Grid size, gap, corner radius, and optional grid lines
✦ Wave speed, reach, duration, and settle undershoot
✦ Auto demo mode that pulses on its own for instant wow ✦ Cursor style options for any brand personality
Perfect For
Hero sections, product launches, portfolio intros, studios, and SaaS landing pages.
Add it once. Customize in minutes. Let your visitors do the rest.
