Need help with simplebar?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

4.6K Stars 457 Forks MIT License 1.0K Commits 130 Opened issues


Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

Services available


Need anything else?

Contributors list

SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances. Unlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours... You keep the awesomeness of native scrolling...with a custom scrollbar!

SimpleBar does NOT implement a custom scroll behaviour. It keeps the native

overflow: auto
scroll and only replace the scrollbar visual appearance.

Design it as you want

SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).

Lightweight and performant

Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.

Supported everywhere

SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.

Getting started

The easiest way to use SimpleBar is with the default dependency-free version:

npm install simplebar

If you are using a framework, SimpleBar also supports the most popular ones: Vue, Angular and React.


You can check our demo page (which is also the one we use for automated tests).


Before using SimpleBar it's important to know its limitations!


See changelog here :

👨‍💻 I'm available for hire! Reach out to me!

🚧 Check out my new project Scroll Snap Carousel!


We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.