{"adoption": {"forks": 152, "observed_at": "2026-08-28T04:08:07.862587+00:00", "stars": 3517}, "canonical_url": "https://ross.abutalabs.com/products/html-gl", "card": {"archived": false, "artifact_type": "library", "description": "Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL", "domain": ["web-development", "frontend", "graphics", "performance"], "enriched": true, "function": ["graphics", "animation", "ui-components", "frontend-framework"], "health_score": 20, "homepage": null, "language": "JavaScript", "license": null, "license_family": "other", "maturity": "maintenance", "member_repos": ["PixelsCommander/HTML-GL"], "name": "PixelsCommander/HTML-GL", "platform": ["browser"], "pushed_at": "2021-03-28T15:53:15+00:00", "repo": "PixelsCommander/HTML-GL", "stars": 3517, "tags": ["webgl", "dom-rendering", "gpu-acceleration", "web-components", "jquery-plugin", "html-css", "fps-optimization", "javascript", "web"], "topics": ["webgl", "html", "css", "glsl"], "urls": [], "use_cases": ["speed up HTML/CSS animations to 60 FPS", "render DOM elements in WebGL for GPU acceleration", "apply OpenGL shader effects like filters to HTML elements", "fix slow DOM animation performance in web apps", "create WebGL-powered sliders and interactive UI with plain HTML/CSS", "add ripple and mobile-friendly visual effects to web pages"], "what_it_is": "HTML GL is a JavaScript library that renders HTML/CSS elements as WebGL textures to bypass slow DOM rendering, achieving high FPS animations with GPU acceleration. It works as a Web Component (`<html-gl>`) or jQuery plugin and lets developers apply OpenGL-style effects to DOM content.", "when_to_avoid": ["you need a maintained library - the last release was in 2021 and there is no license file in the repo", "your animations are already smooth with CSS transforms and hardware acceleration", "you need broad browser compatibility or accessibility, since real DOM is hidden behind WebGL textures", "you rely on modern framework ecosystems (React/Vue integrations) that this library does not provide"], "when_to_choose": ["you need 60 FPS animations for complex HTML/CSS content", "you want game-like visual effects (filters, shaders) applied to DOM elements", "you prefer writing HTML/CSS but need WebGL rendering performance", "you want a framework-agnostic solution usable as a Web Component or jQuery plugin"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/html-gl", "repo": "PixelsCommander/HTML-GL", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:08:07.862587+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:35:34.054366+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7027e99763dfb1e8fc82610fdfca5460c8f967a055d4055bab033f959126a16b", "fetched_at": "2026-08-28T04:08:07.862587+00:00", "kind": "readme", "missing": false, "url": "https://github.com/PixelsCommander/HTML-GL"}, {"content_hash": "8cc6d7f917356a9ee2b96a1d17c8d180676b3ecfea5a260fabe10a3ab4b9d75f", "fetched_at": "2026-08-29T09:29:37.428303+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/html-gl"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": ["no_license"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 4203, "days_push": 1984, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}