Background Pattern 85 - Starfield background with center fade and vignette

Pro

This component renders a full-screen background with a sparse starfield pattern and a vignette effect, designed for visual enhancement and atmospheric depth. It uses customizable class names to blend seamlessly into various layouts, making it versatile for a range of design needs.

Shadcn Background Pattern 85 block

Component data

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

Background Pattern 85 block design & features

BackgroundPattern85 is a unique shadcn component designed to enhance visual aesthetics by offering a vibrant and dynamic background pattern. It serves as an engaging visual piece by creating a stunning starfield effect that fades towards the center, complemented by a vignette overlay. This carefully crafted shadcn ui element not only adds depth to any layout but also provides a visually appealing backdrop that can be customized further through additional class names.

In more detail, BackgroundPattern85 incorporates an intricate particle field pattern combined with transparent radial gradients formatted within the background, creating an illusion of depth and movement. The design is enhanced by a radial vignette that elegantly frames the content area, ensuring that the focus remains on the central content. Further differentiating this shadcn block is its meticulous use of gradients and mask images, providing a seamless blend into various design themes. The PatternPlaceholder component acts as a placeholder for additional elements, making it versatile for different design contexts without overshadowing the main content.