Particle Field
Drifting particles that link to neighbors and the cursor.
canvasinteractive
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Density9
Link distance130px
Color
Props
| Prop | Type | Default | Description |
|---|---|---|---|
density | number | 9 | Approx. particles per 100k px². Higher = denser. |
linkDistance | number | 130 | Max distance (px) at which particles link. |
color | string | "139,160,255" | Particle + link color as "r,g,b". |
children | ReactNode | — | Content layered above the canvas. |
className | string | — | Extra classes for the wrapper. |