All illustrations

CDN cache

Content waits at edges near your users, so each request is answered close by.

FreeShader · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
CDN cache: content waits at edges near your users, so each request is answered close by.

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/cdn-cache.json

Or hand it to your agent

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

CursorClaudeChatGPTv0Lovable

How it moves

  1. a fill wave ripples out from the origin and lights each edge it reaches.
  2. users' requests flash around the world.
  3. the edge nearest each one answers it locally: an edge hit.

For developers

File size
5.5 KB gzipped
Motion
Plays once, 4.2 s, then holds
Reduced motion
Shows a still
File
cdn-cache.svg

Next in this theme.

Autoscaling: as load rises new instances bud off it, and as it falls they fold back in.Shader · spotFree
Data pipeline: raw data flows in messy and leaves clean, combed calmer at every stage.Shader · spotFree