Shadcn UI Background Pattern Block
BackgroundPattern95 is a full-viewport backdrop built with shadcn/ui tokens. Four radial gradients anchor light from different corners and edges using chart color variables at low opacity, then the page background color fills the rest. A second layer stacks two tiny repeating conic gradients for grain, blended with overlay so the noise reads as film on top of color. The PatternPlaceholder sits centered for your hero or form content.
The look is soft ambient light with analog texture: no hard shapes, theme colors drive the glow. Because everything keys off CSS variables, it tracks light and dark palettes without separate assets.
Moderate complexity for a background-only block: purely CSS, no bitmaps. Distinct among patterns that rely on SVG noise versus conic micro-patterns. Use when you want atmospheric depth behind dashboards or landing shells without photography.
Performance is typical for layered gradients; avoid stacking many additional heavy effects on the same layer.
Dependencies
| Package | Type |
|---|---|
pattern-placeholder @shadcnblocks | Registry |