{
  "slug": "webgl",
  "name": "WebGL",
  "url": "https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API",
  "cat": "anim",
  "group": "design",
  "tagline": "Browser GPU rendering API",
  "price": "Free — a browser standard",
  "tier": "free",
  "pick": false,
  "what": "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": "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.",
  "warn": "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.",
  "category": {
    "key": "anim",
    "name": "Animation & motion",
    "desc": "Scroll storytelling, transitions, 3D. Bundle costs are measured, not guessed.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": null,
    "checked_at": "2026-08-18T21:45:05.257+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}