10 Best Custom Scrollbar JavaScript Libraries (2025 Update)

Sometimes you might find you’ve got tired of ugly browser scrollbars when browsing web pages in daily work. Here’s a list of 10 JavaScript and/or pure CSS libraries that can be used to replace and enhance the native scrollbars.

Originally Published Jan 27 2017, updated Jan 09, 2025

Note: You can also apply your own styles to the native browser scrollbars with the following CSS snippets.

/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* button */
::-webkit-scrollbar-button {
    background: #222; 
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #333; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #666; 
}
/* Track */
::-webkit-scrollbar-track {
    background: #000; 
}
/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000; 
}
/* Corner */
::-webkit-scrollbar-corner {
    background: #999; 
}
/* Resizer */
::-webkit-resizer {
    background: #111; 
}

Let’s get started…

1. Tiny JavaScript Plugin For Beautifying Scrollbar – perfect-scrollbar

A lightweight JavaScript plugin that allows you to beautify the default scroll bars without changing or adding any style on original elements.

[Demo] [Download]

2. OverlayScrollbars

OverlayScrollbars is a JavaScript library used to create elegant, customizable and themeable scrollbars on any scrollable elements.

Demo Download

3. Performant Custom Scrollbar JavaScript Library – SimpleBar

A simple, standalone JavaScript library that appends a custom scrollbar to any scrollable container which has overflowing content. Works with CSS overflow: auto property and keeps the native scroll behavior.

[Demo] [Download]

4. Customizable Scrollbar With Smooth Scroll – smooth-scrollbar

A JavaScript library used to create a customizable, performant scrollbar with smooth scrolling effects for scrollable content.

[Demo] [Download]

5. Lightweight Mobile-compatible Custom Scrollbar Library – letmescroll.js

A lightweight yet robust custom scrollbar in vanilla javaScript. It contains NO dependencies, supports mobile devices, and works with native scroll events, which makes manipulation of any scrollbar possible. The scrollbar can be used in almost any application and can be customized quickly and easily.