BackgroundsNew
Particles
A background of twinkling dots that gently follow the cursor. Drawn on canvas, no libraries needed.
Customize
color
Based on Particles (MIT license) · Terms of use
More in Pro
View allProps
9 properties| Property | Type | Default | Description |
|---|---|---|---|
| quantity | number | 100 | Number of dots on the canvas. |
| size | number | 0.4 | Base dot size. |
| color | string | "#ffffff" | Dot color as HEX. |
| staticity | number | 50 | How little dots follow the cursor. Higher is calmer. |
| ease | number | 50 | Smoothness of the cursor follow. |
| vx | number | 0 | Constant horizontal drift. |
| vy | number | 0 | Constant vertical drift. |
| refresh | boolean | false | Toggling it re-creates the dots. |
| className | string | — | Classes for the canvas wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge