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.
API reference
Exported parts and their props, extracted from the component source.