Shadcn UI Background Pattern Block
BackgroundPattern113 is a full-height centered section built with Shadcn UI, using a repeating primary dot texture across the full area. The mask centers on the bottom-right corner, so the densest dots hug that corner and dissolve diagonally toward the top and left. PatternPlaceholder sits centered as a stand-in for real UI.
The grid reads as structured noise: small cells, steady rhythm, theme-driven hue. Edges soften through the radial mask rather than a hard crop. Typography and controls in your foreground stay visually separated from the texture. No motion.
This variant suits layouts where you want weight low on the canvas without a full-width bottom band like a bottom-centered fade. Elaboration is minimal; the file is almost entirely presentation layer over a section wrapper.
Optional className adjusts the outer section. Minimum height follows the viewport so the vignette still registers on short pages.
Dependencies
| Package | Type |
|---|---|
pattern-placeholder @shadcnblocks | Registry |