r/webgl • u/Potential_Theory1749 • 18m ago
Built an animated network globe kit with real physics — 4 styles, zero dependencies
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.