Shadcn UI Background Pattern Block
BackgroundPattern99 is a full-viewport backdrop built with shadcn/ui. Two radial gradients anchor opposite corners, pulling chart-1 and chart-2 hues across the canvas with a wide blur so they meet in the middle as soft color. Fractal noise in SVG sits above in overlay blend. PatternPlaceholder centers content.
The diagonal tension between corners is the main motif: good for split layouts or pages with asymmetric hero columns. Simpler than four-plus stop meshes but still reads as intentional ambient light.
Low asset complexity: pure CSS variables and one noise filter. Easy to theme by adjusting chart tokens globally.
Optional className wraps height, padding, or flex alignment for the section shell.
Dependencies
| Package | Type |
|---|---|
pattern-placeholder @shadcnblocks | Registry |