domains / families / design / background-grid-webgl

background-grid-webgl

separate

Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

When to use

• Apply this only to the immersive background grid layer, not to the full page layout, copy, or unrelated particle or laser systems.
• Use it when the design needs a perspective tech grid receding into space with subtle motion and depth.

When not to use

• full page layout
• copy
• unrelated particle or laser systems
• bright synthwave neon grids
• thick linework or high-contrast grids
• dense particles or fog
• aggressive mouse tracking
• fast grid motion

Skill page

Source