Grid Backdrop

The lightweight standalone grid backdrop — the workhorse behind brand bands, testimonial panels and stat cards. Two crossing 1px gradients draw the grid; a radial mask fades it toward the edges. No config engine, no client boundary.

$bunx shadcn@latest add @nx-ui/grid-backdrop
Registry item
Installs withutils

Tones

default draws navy lines for light surfaces; brand draws accent-yellow lines for dark navy surfaces.

tone=default
tone=brand

Masks

Named radial masks fade the grid from an edge or the centre — top, topLeft, left, center and bottom — so the texture never fights the copy.

top
topLeft
left
center
bottom
none

Cell size

cellSize sets the grid pitch in pixels — tighter for cards, looser for wide bands.

cellSize=24
cellSize=48
cellSize=96