# KingSora/OverlayScrollbars

A javascript scrollbar plugin that hides the native scrollbars, provides custom styleable overlay scrollbars, and preserves the native functionality and feel.

Repository: https://github.com/KingSora/OverlayScrollbars
Canonical: https://ross.abutalabs.com/products/overlayscrollbars
Homepage: https://kingsora.github.io/OverlayScrollbars
Language: TypeScript
License: MIT
License Family: permissive
Topics: scrollbar-plugin, javascript-scrollbar-plugin, frontend, javascript, scrollbar, react, angular, vue, overlay, typescript, overlayscrollbars, scroll, custom, library, svelte, solid, solidjs
Last push: 2026-05-09T09:13:21+00:00

## Health v2 (maintenance only)
Score: 81/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 81, release rhythm 71, longevity 100
- inputs: {"age_days": 3278, "days_push": 116, "days_rel": 116, "gap_med": 65, "n_releases_24m": 12}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5195, forks 248 (observed 2026-08-28T04:09:11.985463+00:00)

## 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.

## 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

## 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

## 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

## Facets
- artifact type: plugin
- maturity: stable
- function: ui-components, frontend-framework
- domain: frontend, web-development, web-design, accessibility
- platform: browser, bun, cross-platform
- tags: scrollbar, overlay-scrollbars, custom-scrollbar, typescript, react, vue, angular, svelte, solidjs, ssr-support, dependency-free, treeshakable, nodejs, deno

## Member repositories
- KingSora/OverlayScrollbars (main) score 81

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:11.985463+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:01:43.419721+00:00, confidence not recorded.
  - readme: https://github.com/KingSora/OverlayScrollbars (fetched 2026-08-28T04:09:11.985463+00:00, sha f4535e7aa162)
  - homepage: https://kingsora.github.io/OverlayScrollbars (fetched 2026-08-29T08:55:42.408592+00:00, sha 37dcae98d49b)
  - registry_npm: https://registry.npmjs.org/overlayscrollbars (fetched 2026-08-29T08:55:42.418822+00:00, sha 470ca296a140)
- Data as of 2026-08-30T08:39:29.467469+00:00.