No live visitors
A visitor arrives, the live dot pulses, and they join the list.
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/flat/no-live-visitors.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 live panel lists the visitors on the site right now.
- the live dot pulses as a new visitor arrives.
- they slide in at the top, and the oldest visitor leaves.
Where it fits
For analytics, realtime and monitoring products: the live view when nobody is on the site, a features card on realtime visitors, or the docs page on what live data shows. The live dot pulsing as each visitor arrives makes an empty live panel read as waiting, not broken, and shows what will appear once traffic comes in. As a spot it fits above a short line such as New activity shows up here as it happens. It is free to copy and pairs with Add your first website, Requests chart and Realtime sync.
Pairs well with Add your first website, Requests chart and Realtime sync.
On your site
Read where product illustrations go, how to place an animated SVG and how to keep animations fast.
For developers
- File size
- 2.3 KB gzipped
- Motion
- Plays once, 4.2 s, then holds
- Reduced motion
- Shows a still
- File
- no-live-visitors.svg