All illustrations

Rate limiting

Traffic runs under the limit, and the burst above it is refused.

FreeShader · spot

Copy

Download

Open in

Rate limiting: traffic runs under the limit, and the burst above it is refused.

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/rate-limit.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. traffic flows past as a wave, under the 100 a second limit.
  2. where a crest rises past the limit, the line flares and cuts it off.
  3. what was above breaks into spray that rises and fades: refused with a 429.

For developers

File size
4.4 KB gzipped
Motion
Plays once, 4.2 s, then holds
Reduced motion
Shows a still
File
rate-limit.svg

Next in this theme.