BackgroundsProNew
Halftone Waves
Waves drawn with dots of varying size, like newspaper print. The dots grow and shrink with the wave.
Customize
color
background
A Codearia component · Terms of use
Props
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| color | string | "#e5e5e5" | Dot color. |
| background | string | "#0a0a0a" | Color behind the dots. |
| cellSize | number | 10 | Dot grid step, in pixels. |
| angle | number | 30 | Grid rotation, in degrees. |
| speed | number | 1 | Speed. 0 stops the motion. |
| contrast | number | 1.2 | Wave contrast. Higher gives harder patches. |
| children | ReactNode | — | Content on top of the effect. |
| className | string | — | Classes for the wrapper. |
Dependencies
3 required packages
npm install ogl clsx tailwind-merge