Website Backgrounds

Full-bleed background treatments for landing pages and sections: gradient meshes, canvas particle systems, grid and beam patterns, noise and scanline textures. Unlike static images, these scale to any viewport and stay sharp on retina displays. Each background is a self-contained component with documented props for palette, density and animation speed.

This category currently contains 14 components, including Hacker Background, Beam Grid Background, Fall Beam Background, Hell Background, Interactive Grid Background. Each one opens on its own page with a live preview, a documented props table and the full source.

Looking for a different effect? Browse the other UI HUB component categories, or use site search to filter every component by name.