Mesh Gradient
Modern mesh-style gradient with smooth purple and pink transitions. Perfect for SaaS and modern web applications.
Preview
Installation
Run the following command to install the shader component:
$ pnpm dlx shadcn add https://pixel.devsethi.site/r/mesh-gradient.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.17 | Animation speed |
intensity | number | 0.16 | Visual intensity of the grain effect |
Color Palette
#9F8EEC
#E879A8
#6696EA