All illustrations

Search index

A query drops through the index and finds its match.

FreeHUD · spot

Copy

Download

Open in

Search index: a query drops through the index and finds its match.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/scifi/search.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

How it moves

  1. a query drops into the top layer of the index.
  2. it narrows through each layer, and the match count climbs.
  3. it reaches the bottom with three matches.

For developers

File size
5.5 KB gzipped
Motion
Plays once, 2.8 s, then holds
Reduced motion
Shows a still
File
search.svg

Next in this theme.

Monitoring: a sweep checks every service, and the one in trouble raises an alert.
HUD · spotFree
Traffic map: requests flow along the routes of your map, busiest first.
HUD · spotFree