atmosphere grid halo tech background AI startup heroes dashboard launch screens dark sections needing a technical backdrop plain gradients lack structure want a grid background without looking cheap need more atmosphere for tech marketing pages
Halo Grid
Fetch snippet JSON:
curl https://webspire.de/snippets/atmosphere/halo-grid.json Atmosphere
Halo Grid
A structured glow field gives ambient depth while preserving a technical grid language.
Background
Customize
Quick Start
<section class="halo-grid rounded-[2rem] p-16 text-white"></section>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- Size
- 825 bytes · 32 lines
- Custom Properties
-
--halo-top--halo-bottom - Classes
-
.halo-grid
atmosphere grid halo tech background
The halo keeps the grid from feeling purely mechanical. It is a good default when you want a more technical visual language without jumping to neon cyberpunk.