Background Pattern 98 - Bottom Glow Gradient Background

Pro

A viewport-tall section with three stacked bottom-anchored radial glows in chart colors, heavy blur, SVG noise overlay, and centered pattern placeholder.

Shadcn Background Pattern 98 block

Component Data

  • ID:background-pattern98
  • Access:pro
  • Created:Feb 23, 2026
  • Type:block

Background Pattern 98 block design & features

BackgroundPattern98 is a full-height backdrop built with shadcn/ui. Three radial gradients share a bottom center anchor so light pools upward from below, each using a different chart tone and falloff, then a strong blur softens the union. SVG noise with overlay blend adds film grain. PatternPlaceholder supplies the centered slot for hero or form content.

The silhouette reads as uplighting or reflected floor glow: strong horizontal emphasis along the bottom edge. Useful when UI anchors at the top and you want weight at the foot of the screen.

Moderate complexity like other gradient-only blocks; no image assets. Compared to mesh patterns, this one keeps focus in a single vertical band.

className on the section can stretch or pin the block inside parent layouts.