OverlayScrollbars

• A JavaScript scrollbar plugin that replaces native scrollbars with custom, styleable overlay scrollbars while preserving native functionality and feel

• Created to address dissatisfaction with default scrollbar appearance and space consumption

• Supports modern browsers including Firefox 59+, Chrome 55+, Edge 15+, Safari 10+

• Key features:

  • Fully accessible with preserved native scrolling behavior
  • SSR/SSG/ISR support (works on Node, Deno, Bun)
  • Works across devices (mobile, desktop, tablet) and input methods
  • Supports virtual scrolling libraries and scroll snapping
  • Tree-shaking support
  • Automatic update detection
  • Flow-independent (works with all direction/writing modes)
  • TypeScript support
  • Dependency-free

• Framework support includes official components for:

  • React
  • Vue
  • Angular
  • Svelte (prominently mentioned)
  • Solid

• Styling:

  • Provides CSS custom properties for easy customization
  • Comes with dark/light themes out of the box
  • Supports creating custom themes

• Plugin architecture:

  • Core functionality is extended via plugins
  • Includes plugins for scrollbar hiding, size observation, and click scrolling
  • Unused plugins are tree-shaken from final bundle

• Target audience: Developers looking for customizable, accessible scrollbars that maintain native behavior across devices and frameworks

Website
Examples