KQ-047 · SWARM/FIELD

Swarm Field

A canvas flock of boids that murmur with emergent flocking and scatter from the cursor, then regroup — separation, alignment, cohesion, and flee, on a spatial hash.

KQ-047 · SWARM/FIELD

SWARM · 76 UNITS

Move the pointer — the flock scatters.

Canvas 2D · Spatial hash · Pauses offscreen

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/swarm-field

Props

PropTypeDefaultDescription
countnumber80Boid count, clamped to 10–100.
heightnumber320Stage height in px when used standalone.
childrenReactNodeOverlay content rendered above the field.