KQ-209 · PARTICLE/NETWORK
Particle Network
A drifting mesh of nodes that link up when they come close — the nearer two nodes, the brighter the thread between them. The pointer draws the nearest nodes toward it, tightening the web, then lets them wander off. Rendered flat on canvas, distinct from any 3D field.
KQ-209 · PARTICLE/NETWORK
Move to gather the web
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/particle-network
Props
- count
- number
- default —
- Node count, clamped to 20–90.
- height
- number
- default —
- Stage height in px when standalone.
- children
- ReactNode
- default —
- Overlay content above the canvas.
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | — | Node count, clamped to 20–90. |
| height | number | — | Stage height in px when standalone. |
| children | ReactNode | — | Overlay content above the canvas. |