Search nx-ui
Jump to any foundation, component, block or example.
Backdrop
The config-driven decorative section backdrop — a depth glow, a texture (grid, setout crosshairs, dots, diagonal, contours, topo) and aggregate grain — with named presets and dark-aware ink.
bunx shadcn@latest add @nx-ui/backdropPatterns
The six texture kinds. Drop <Backdrop /> as the first child of a relative isolate overflow-hidden section; the ink is navy on light surfaces and flips to a light-brand tint on dark so the texture stays visible.
Presets
Nine named starting points — pass a key to the preset prop. Each bundles a pattern, density, glow and grain into a ready-made look.
Layers: glow and grain
The presets combine texture with optional glow and grain. Here each finishing layer is isolated: the accent depth glow and the fractal-noise grain overlay.
On a brand surface
With tone=brand the ink switches to accent-yellow (both themes) — the treatment for navy CTA panels and dark bands.
Accent-yellow ink keeps the texture legible on solid navy.
API reference
Exported parts and their props, extracted from the component source.