Vector search
A query lands among your vectors, and the nearest cluster lights up with its score.
Not quite it? Ask for a variation
Install
Writes one React component and its WebGL runtime into components/illos. Nothing else to install.
The live field draws with WebGL and comes with the one-line add. The SVG you copy or download is its still frame and its labels.
npx shadcn@latest add https://illos.dev/r/shader/vector-search.jsonOr hand it to your agent
Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.
How it moves
- a query streams in along the beam with a fading tail.
- it fuses with the cluster nearest to it, and a wave ripples out through the cloud.
- that cluster brightens and is boxed with its score, 0.92.
For developers
- File size
- 4.7 KB gzipped
- Motion
- Plays once, 4.2 s, then holds
- Reduced motion
- Shows a still
- File
- vector-search.svg
