Background Patterns
Stock Untitled-UI CSS masked-grid backdrops — a one-liner decorative layer without the full Backdrop config engine. Each is a self-contained absolute inset-0 layer whose line colour is the theme's --color-border-tertiary, so it stays subtle and flips with light and dark automatically.
$
Registry itembunx shadcn@latest add @nx-ui/background-patternsInstalls withutils
The set
Drop one inside a relative overflow-hidden container. Basic and faded grids, plus diagonal-cross variants; the top-fade dashed grid shows the advanced masked-and-composited technique.
Basic grid
Bottom-fade grid
Top-right-fade grid
Top-fade dashed grid
Diagonal cross grid
Centre-fade diagonal cross
Bottom-right-fade diagonal cross
Behind content
Because the line colour is token-driven, the pattern sits quietly behind a hero or card in either theme.
A quiet technical texture
The dashed grid fades in from the top edge, framing the headline without competing with it.