Background Pattern 132 - Radial gradient with noise texture

Pro

This component is designed to display a visually appealing background pattern with a radial gradient and masked noise texture effect. It serves as a flexible block for incorporating engaging visuals into layouts, enhancing the aesthetic appeal of any project.
Shadcn Background Pattern 132 block

Component data

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

Background Pattern 132 block design & features

The BackgroundPattern132 component offers an engaging visual experience by integrating a unique background pattern into your design. It leverages a masked noise texture to create a nuanced visual effect that adds depth and interest to any application. This shadcn block component strategically utilizes a radial gradient to implement a subtle, textured background, which is layered under a functional template pattern. This allows for enhanced aesthetic composition without overwhelming the overall design.

In more detail, BackgroundPattern132 is designed to fill the entire viewport, ensuring that the background pattern is consistently applied across the user's screen. The component uses an absolute positioning strategy for layered effects, combining both background color and masked textures to achieve its distinctive appearance. The gradient and masked noise textures are applied asymmetrically, concentrating on the left of the screen to create a dynamic look. This shadcn ui component can seamlessly integrate into various design systems, providing a texture-rich backdrop and enhancing the user's visual experience.