Background Pattern 137 - Sparse starfield with right-side mask

Pro

This component, BackgroundPattern137, is designed to display a visually engaging background pattern with a sparse starfield effect, enhanced by gradient masking. It provides customization through the optional `className` prop, allowing for flexible styling and integration into various projects.

Shadcn Background Pattern 137 block

Component data

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

Background Pattern 137 block design & features

The BackgroundPattern137 component is a visually striking and versatile shadcn block designed to carry a unique and engaging aesthetic across various layouts. It features a sophisticated background pattern that combines gradient techniques to create a sparse starfield effect, masked on the right side. This component aims to add depth and style to web pages, serving as an eye-catching backdrop while maintaining a focus on the main content.

In more detail, the BackgroundPattern137 component incorporates complex design elements through a blend of radial gradients and mask images. This creates a unique sparse starfield pattern that is both subtle and compelling. The component uses a PatternTemplate, allowing for further customization and expansion of patterns while maintaining a cohesive design. By integrating smoothly into existing projects with a customizable className, the BackgroundPattern137 becomes a handy tool for developers looking to enhance their sites with the refined aesthetics of shadcn ui. Its design effortlessly aligns with various themes and styles, making the component stand out as a distinctive shadcn component.