Geometric Pattern
Structured geometric gradient with warm amber tones. Ideal for corporate and professional designs.
Preview
Installation
Run the following command to install the shader component:
$ pnpm dlx shadcn add https://pixel.devsethi.site/r/geometric-pattern.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | Content to render above the shader background |
className | string | "" | Additional CSS classes for the container |
speed | number | 0.14 | Animation speed |
intensity | number | 0.15 | Visual intensity of the grain effect |
Color Palette
#F59E0B
#D97706
#92400E