Background Pattern 48 - Dotted noise texture with top-left radial fade

Pro

The BackgroundPattern48 component provides a visually engaging background pattern with a radial gradient and noise texture effect, making it ideal for design layouts requiring subtle decorative elements. It accepts an optional `className` prop to allow custom styling and integration with different designs.
Shadcn Background Pattern 48 block

Component data

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

Background Pattern 48 block design & features

BackgroundPattern48 is a versatile shadcn component designed to enhance your interface with a visually appealing background pattern. It acts as a container that integrates a dynamic pattern and texture effect, serving as a foundational design element that supports and elevates the look and feel of web page sections.

This shadcn ui component offers a unique blend of a radial gradient pattern and a right fade noise texture, setting it apart from conventional background elements. Notably, its design includes a customizable blend of colors through CSS variables and a layered mask that provides a subtle and elegant visual interest. At its core is a PatternPlaceholder, allowing for easy pattern swapping, making it a flexible design tool within a shadcn block setup. Its minimalist implementation ensures seamless integration into diverse design systems, providing both aesthetic appeal and functional versatility in layout design.