Background Pattern 82 - Starfield background with bottom fade and vignette

Pro

This component renders a full-screen background pattern featuring a bottom fade sparse starfield with a vignette effect. It allows for custom styling through a class name and includes a placeholder for additional patterns.

Shadcn Background Pattern 82 block

Component data

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

Background Pattern 82 block design & features

The BackgroundPattern82 shadcn block is a versatile and visually appealing component designed to enhance user interfaces with a stunning background effect. This component acts as a full-screen section that features a customizable area, integrating seamlessly into various layouts. It's particularly distinguished by its layered design, which combines a particle field effect with an elegant vignette overlay, providing a dynamic backdrop for any content placed within.

Diving into the design intricacies, BackgroundPattern82 makes use of a complex background structure combining radial gradients and webkit visual elements to create a unique aesthetic. The particle field effect, created using multiple gradients, adds depth and dimension, while the vignette overlay enhances focus towards the center of the screen, adding an artistic touch. The component integrates a PatternPlaceholder, allowing developers to easily insert custom visual elements. By offering these unique stylistic features, this shadcn component stands out as a compelling choice for projects requiring a background that's both aesthetically pleasing and functionally supportive.