Shadcn UI Background Pattern Block
BackgroundPattern115 is a full-height centered section built with shadcn/ui, with a dotted primary mesh spanning the viewport behind centered content. The mask keeps the dots strongest in the middle and tapers toward the perimeter, so the frame feels like a soft spotlight on your hero. PatternPlaceholder demonstrates the intended focal column.
Dots stay fine-grained and evenly spaced; color derives from the primary token with adjusted lightness and chroma. The falloff is gradual thanks to a longer transparent stop on the mask. The composition is calm and symmetrical. Everything is static.
Compared with corner or edge-weighted siblings, this is the neutral, balanced option. It is intentionally simple: swap in your own components, keep the pattern as atmosphere.
className on the section supports spacing or width constraints without editing the pattern layer.
Dependencies
| Package | Type |
|---|---|
pattern-placeholder @shadcnblocks | Registry |