Demos
Graphics demos, sorted by library
1 original, live demos you can take apart: flow fields, cloth, raymarched shapes, physics, force graphs and old-school demoscene effects. Each one has controls, a seed you can share, an FPS counter, a write-up of the technique and its full source.
- 1live demos
- 1libraries and APIs
- 0installs or sign-ups
Canvas 2D 1 demos
Built into the browser. The plain HTML canvas and its 2D drawing context, with no library at all. Every pixel, particle and physics step in these demos is hand-written JavaSc…
How these demos are built
- One shell, many demos. Every demo is a single script that registers
init,frame,resizeanddestroywith a shared host, which owns the loop, the controls, the seed and the FPS counter. - Pinned libraries, loaded only where needed. Each library comes from a CDN at an exact version, and only on its own pages. This hub runs one plain Canvas 2D demo; card previews start on hover, one at a time.
- Kind to your device. Pixel density is capped at 2, demos pause when the tab is hidden or the canvas scrolls away, GPU contexts are released when you leave, and reduced-motion settings start every demo paused.
- Seeded and shareable. Randomness comes from a seeded generator, so the seed in the address bar recreates the same variation.
- Real data, read live. Demos that show platforms read names, types and counts from this directory’s database when the page loads. Nothing is typed into the demo code.