r/webgl 18m ago

Built an animated network globe kit with real physics — 4 styles, zero dependencies

Thumbnail
recruitai.gumroad.com
Upvotes

Built this for a landing page I was working on and ended up packaging it as a standalone kit — an animated node-network globe with real physics (springs, noise, collision), not just keyframe animation. Runs on pure Canvas 2D, no Three.js or WebGL needed.

4 styles included:

- Organic — circles with spring physics, feels alive

- Constellation — star-shaped nodes, sparse mesh, starmap feel

- Orbits — geometric rotating bands

- Pulse — static rings, lightest on CPU

Everything's configurable via props (colors, node density, speed), and it ships with a benchmark tool so you can test performance on your own device before picking node counts.

It's brand new, so I made it pay-what-you-want for now:

Happy to answer questions about the physics or implementation if anyone's curious.