Grid Morph
Morphing grid-inspired gradient with cool indigo and slate tones. Perfect for developer tools and dashboards.
Preview
Installation
Run the following command to install the shader component:
$ pnpm dlx shadcn add https://pixel.devsethi.site/r/grid-morph.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.12 | Animation speed |
intensity | number | 0.18 | Visual intensity of the grain effect |
Color Palette
#6366F1
#818CF8
#334155