Background Pattern 70 - Full-screen backdrop with diagonal corner glow

Pro

This component generates a visually engaging background pattern with a diagonal corner glow effect using radial gradients. It includes a placeholder for incorporating additional pattern designs, allowing users to customize the appearance further.

Shadcn Background Pattern 70 block

Component data

ID
background-pattern70
Access
pro
Created
Feb 23, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Background Pattern 70 block design & features

The BackgroundPattern70 component presents a visually striking design element, functioning as a sophisticated background layer for applications. By integrating diagonal corner glow effects and a comprehensive full-screen section, this shadcn block can enhance the aesthetic of any interface. Users can leverage the className prop to tailor the styling to specific needs, allowing for versatile customization and integration with existing design systems.

In more detail, BackgroundPattern70 comprises a main section that occupies the entire viewport, creating a coherent visual base for any content layered above it. The diagonal corner glow is achieved through strategically positioned radial gradients, producing a dynamic lighting effect with adjustable opacity. This component also incorporates the PatternPlaceholder shadcn component, adding a unique and consistent pattern design across the layout. Such features make it suitable for projects requiring a touch of modernity and sophistication, setting it apart from traditional background elements.