Shadcn UI Background Pattern Block
BackgroundPattern97 is a full-screen backdrop built with shadcn/ui. A heavily blurred stack of radial gradients sits on the page background: circles and ellipses anchored at corners and center using chart variables so the glow reads as a soft mesh. SVG fractal noise with desaturation and overlay blend adds grain across the whole viewport. PatternPlaceholder centers your foreground.
The heavy blur filter separates this from sharper multi-stop layouts: edges dissolve into ambient color. Good when you want a colorful haze behind dashboards or auth screens without sharp geometry.
Moderate complexity, CSS and SVG only. Tuning blur radius changes how much the mesh merges. Pairs with both light and dark foregrounds if contrast is checked.
Optional className adjusts section height or flex alignment around the placeholder.
Dependencies
| Package | Type |
|---|---|
pattern-placeholder @shadcnblocks | Registry |