CursorsProNew
Smoke Trail
Soft smoke trails behind the cursor and slowly fades. The layer is transparent and sits over any block.
Customize
color
A Codearia component ยท Terms of use
Props
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| color | string | "#f5f5f5" | Smoke color. |
| radius | number | 0.05 | Trail thickness, as a share of the block height. |
| persistence | number | 0.6 | How long the smoke stays. |
| turbulence | number | 1 | Swirl strength. |
| opacity | number | 0.85 | Smoke opacity. |
| autoDemo | boolean | true | Draw a figure eight until the cursor moves. |
| children | ReactNode | โ | Content on top of the effect. |
| className | string | โ | Classes for the wrapper. |
Dependencies
3 required packages
npm install ogl clsx tailwind-merge