{"adoption": {"forks": 822, "observed_at": "2026-08-28T04:07:58.394685+00:00", "stars": 3371}, "canonical_url": "https://ross.abutalabs.com/products/web-components-examples", "card": {"archived": false, "artifact_type": "learning-resource", "description": "A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.", "domain": ["web-development", "frontend", "tutorials"], "enriched": true, "function": ["ui-components", "developer-tools", "documentation"], "health_score": 57, "homepage": null, "language": "JavaScript", "license": "CC0-1.0", "license_family": "permissive", "maturity": "active", "member_repos": ["mdn/web-components-examples"], "name": "mdn/web-components-examples", "platform": ["browser"], "pushed_at": "2026-01-13T10:37:27+00:00", "repo": "mdn/web-components-examples", "stars": 3371, "tags": ["web-components", "custom-elements", "shadow-dom", "mdn", "examples", "javascript", "web"], "topics": ["examples", "web-components"], "urls": [], "use_cases": ["learn how to build web components", "see examples of custom elements with shadow DOM", "understand web component lifecycle callbacks", "find reference implementations of editable list or editable word components", "study how slots and templates work in custom elements", "teach web components in a frontend course"], "what_it_is": "A collection of example web components accompanying the MDN Web Components documentation, demonstrating custom elements, shadow DOM, templates, slots, and lifecycle callbacks. Each example is a small standalone component with a live demo.", "when_to_avoid": ["you need a production-ready web component library or framework", "you want polished, feature-complete UI components for an app", "you need a build system or tooling around web components"], "when_to_choose": ["you are learning or teaching web components from MDN docs", "you want small, clear reference implementations of custom element patterns", "you need runnable demos of shadow DOM, slots, and lifecycle callbacks"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/web-components-examples", "repo": "mdn/web-components-examples", "role": "main", "score": 60}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "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:07:58.394685+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:58.394685+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:39:57.157716+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2aec3d8d8fd5b585ea7d276e5d4680ab062488ca44027387ca600411a94f1e23", "fetched_at": "2026-08-28T04:07:58.394685+00:00", "kind": "readme", "missing": false, "url": "https://github.com/mdn/web-components-examples"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 62, "longevity": 100, "rhythm": 35}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": ["no_releases"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3188, "days_push": 232, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 60, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}