Bottom Corner Dot Grid Background

Background Pattern 113Pro

A full-height centered section with a primary dot grid masked from the bottom-right corner so the pattern fades toward the opposite side, plus PatternPlaceholder for demo content.

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

PackageType
pattern-placeholder
@shadcnblocks
Registry