BackgroundsProNew
Flow Field
A background of hundreds of thin streams, like wind on a map. The cursor parts them and leaves swirls, a click sends a gust.
Customize
color
Based on Flow Field (MIT license) · Terms of use
Props
6 properties| Property | Type | Default | Description |
|---|---|---|---|
| density | number | 1 | How many wind lines. 1 is about 700 particles. |
| speed | number | 1 | Wind speed. 0 freezes a single frame. |
| interactive | boolean | true | The cursor parts the streams, a click sends a gust. |
| color | string | "rgba(255, 255, 255, 0.8)" | Line color. |
| children | ReactNode | — | Content on top of the background, such as a heading. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge