SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances.
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.
🐦Follow me on Twitter! or Mastodon! 👨💻I'm available for hire! Reach out to me! 🚧Check out my new project Scroll Snap Carousel!
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
SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.
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).
See changelog here : https://github.com/Grsmto/simplebar/releases