Directory
WebGL
Browser GPU rendering API
FreeAnimation & motiondeveloper.mozilla.org
What it is
The native JavaScript API underneath everything above: GPU-accelerated rendering in a canvas, programmed with GLSL shaders and manual buffer management. Zero bundle cost, nothing to install.
Why it earns a slot
Worth knowing as a term, not as a thing you write. A spinning cube is ~300 lines of raw WebGL versus ~20 of Three.js. Reach for it only when you need a custom shader no library exposes.
Know before you commit
Each live WebGL canvas holds GPU memory, browsers cap concurrent contexts around 8–16, and an always-running rAF loop drains laptop batteries and pins mid-range Android.
Neighbourhood
How WebGL sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.
Also in Animation & motion
GSAP + ScrollTrigger
gsap.comNot yet swept
Timeline animation engine
FreeAnimation & motion
Free — all plugins, since 2025
Open dossier
Motion (was Framer Motion)
motion.devNot yet swept
Declarative React animation
FreeAnimation & motion
Free MIT · Motion+ €299 once
Open dossier
React Three Fiber
r3f.docs.pmnd.rsNot yet swept
React renderer for Three.js
FreeAnimation & motion
Free · MIT
Open dossier