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

count
number
default 80
Boid count, clamped to 10–100.
height
number
default 320
Stage height in px when used standalone.
children
ReactNode
default
Overlay content rendered above the field.