Ocean Wave
Flowing blue gradient waves inspired by deep ocean currents. Perfect for hero sections and landing pages.
Preview
Installation
Run the following command to install the shader component:
$ pnpm dlx shadcn add https://pixel.devsethi.site/r/ocean-wave.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.15 | Animation speed of the wave |
intensity | number | 0.2 | Visual intensity of the grain effect |
Color Palette
#0066FF
#00AAFF
#004488