Particle Field
Floating particle-style gradient creating a sense of depth. Great for tech-focused landing pages.
Preview
Installation
Run the following command to install the shader component:
$ pnpm dlx shadcn add https://pixel.devsethi.site/r/particle-field.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.1 | Animation speed |
intensity | number | 0.2 | Visual intensity of the grain effect |
Color Palette
#0D9488
#10B981
#064E3B