{"adoption": {"forks": 248, "observed_at": "2026-08-28T04:09:11.985463+00:00", "stars": 5195}, "canonical_url": "https://ross.abutalabs.com/products/overlayscrollbars", "card": {"archived": false, "artifact_type": "plugin", "description": "A javascript scrollbar plugin that hides the native scrollbars, provides custom styleable overlay scrollbars, and preserves the native functionality and feel.", "domain": ["frontend", "web-development", "web-design", "accessibility"], "enriched": true, "function": ["ui-components", "frontend-framework"], "health_score": 88, "homepage": "https://kingsora.github.io/OverlayScrollbars", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "stable", "member_repos": ["KingSora/OverlayScrollbars"], "name": "KingSora/OverlayScrollbars", "platform": ["browser", "bun", "cross-platform"], "pushed_at": "2026-05-09T09:13:21+00:00", "repo": "KingSora/OverlayScrollbars", "stars": 5195, "tags": ["scrollbar", "overlay-scrollbars", "custom-scrollbar", "typescript", "react", "vue", "angular", "svelte", "solidjs", "ssr-support", "dependency-free", "treeshakable", "nodejs", "deno"], "topics": ["scrollbar-plugin", "javascript-scrollbar-plugin", "frontend", "javascript", "scrollbar", "react", "angular", "vue", "overlay", "typescript", "overlayscrollbars", "scroll", "custom", "library", "svelte", "solid", "solidjs"], "urls": [], "use_cases": ["style custom scrollbars on a website", "hide ugly native scrollbars without losing scrolling behavior", "add overlay scrollbars to a React or Vue app", "make scrollbars accessible and touch-friendly on mobile", "customize scrollbar appearance with CSS", "use custom scrollbars with SSR or SSG frameworks", "support scroll snapping and virtual scrolling with custom scrollbars"], "what_it_is": "OverlayScrollbars is a JavaScript scrollbar plugin that hides native scrollbars and replaces them with custom styleable overlay scrollbars while preserving native scrolling behavior and accessibility. It is written in TypeScript with zero dependencies and ships official framework wrappers for React, Vue, Angular, Svelte, and Solid.", "when_to_avoid": ["you are fine with modern CSS-only scrollbar styling (scrollbar-width/scrollbar-color)", "you need a full custom scrolling implementation rather than styled native scrolling", "you must support very old browsers like Internet Explorer"], "when_to_choose": ["you need fully styleable, space-saving overlay scrollbars with native feel preserved", "you need broad browser support and mixed mouse/touch/pen input handling", "you use React, Vue, Angular, Svelte, or Solid and want typed framework components", "you need SSR/SSG support and a small, dependency-free, treeshakable bundle"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/overlayscrollbars", "repo": "KingSora/OverlayScrollbars", "role": "main", "score": 81}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "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:09:11.985463+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:09:11.985463+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:01:43.419721+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f4535e7aa162ed855d9d53ef64b7d43ad881b86d2b2f743823954ffa01537722", "fetched_at": "2026-08-28T04:09:11.985463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/KingSora/OverlayScrollbars"}, {"content_hash": "37dcae98d49bd64dcaf5f9c1251112abd5f034dd5442cadf4d63cce8748d5868", "fetched_at": "2026-08-29T08:55:42.408592+00:00", "kind": "homepage", "missing": false, "url": "https://kingsora.github.io/OverlayScrollbars"}, {"content_hash": "470ca296a140ad7647b27b8f978ace6d6e456a4990a79bf9a0beb0c1c253170a", "fetched_at": "2026-08-29T08:55:42.418822+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/overlayscrollbars"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 81, "longevity": 100, "rhythm": 71}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3278, "days_push": 116, "days_rel": 116, "gap_med": 65, "n_releases_24m": 12}, "score": 81, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}