{"id":13446710,"url":"https://github.com/Grsmto/simplebar","last_synced_at":"2025-03-21T16:32:44.639Z","repository":{"id":8703056,"uuid":"10368942","full_name":"Grsmto/simplebar","owner":"Grsmto","description":"Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.","archived":false,"fork":false,"pushed_at":"2024-05-12T19:31:02.000Z","size":19933,"stargazers_count":5869,"open_issues_count":97,"forks_count":534,"subscribers_count":69,"default_branch":"master","last_synced_at":"2024-05-17T14:05:26.814Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://grsmto.github.io/simplebar/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"libgit2/libgit2","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Grsmto.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-05-29T20:39:40.000Z","updated_at":"2024-06-13T23:12:59.465Z","dependencies_parsed_at":"2024-01-29T07:28:15.620Z","dependency_job_id":"8a520cee-857a-4ab7-b868-b0859cb66257","html_url":"https://github.com/Grsmto/simplebar","commit_stats":null,"previous_names":[],"tags_count":414,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grsmto%2Fsimplebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grsmto%2Fsimplebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grsmto%2Fsimplebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grsmto%2Fsimplebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Grsmto","download_url":"https://codeload.github.com/Grsmto/simplebar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244604996,"owners_count":20480150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T05:00:57.756Z","updated_at":"2025-03-21T16:32:44.213Z","avatar_url":"https://github.com/Grsmto.png","language":"TypeScript","readme":"\u003cp hidden align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/527559/66231995-3cd0c380-e6be-11e9-8782-c50c834aac93.png\" width=\"520\"  alt=\"SimpleBar\" /\u003e\n\u003c/p\u003e\n\u003cbr hidden /\u003e\n\u003cp hidden align=\"center\"\u003e\n  \u003ca href=\"https://npmjs.org/package/simplebar\"\u003e\u003cimg alt=\"NPM version\" src=\"https://img.shields.io/npm/v/simplebar.svg?style=flat-square\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://npmjs.org/package/simplebar\"\u003e\u003cimg alt=\"NPM downloads\" src=\"https://img.shields.io/npm/dm/simplebar.svg?style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://travis-ci.org/grsmto/simplebar\"\u003e\u003cimg alt=\"Build Status\" src=\"https://img.shields.io/travis/grsmto/simplebar/master.svg?style=flat-square\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://automate.browserstack.com/public-build/MWQwN0Z5MWFaV2pab2ZqOWRCeHZydXhIaXFkcFJ4bGNLODZ5OUYzSVI1VT0tLXlzZU9UbnpwcUpjRTB3WWF2Y09raUE9PQ==--ff8cfcc667d79c5b9cee7012446c2bd4bf789abe%\"\u003e\u003cimg src='https://automate.browserstack.com/badge.svg?badge_key=MWQwN0Z5MWFaV2pab2ZqOWRCeHZydXhIaXFkcFJ4bGNLODZ5OUYzSVI1VT0tLXlzZU9UbnpwcUpjRTB3WWF2Y09raUE9PQ==--ff8cfcc667d79c5b9cee7012446c2bd4bf789abe%'/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr hidden /\u003e\n\nSimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances.\nUnlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours...\nYou keep the awesomeness of native scrolling...with a custom scrollbar!\nSimpleBar **does NOT implement a custom scroll behaviour**. It keeps the **native** `overflow: auto` scroll and **only** replace the scrollbar visual appearance.\n\n- **🐦 Follow me on [Twitter!](https://twitter.com/adriendenat) or [Mastodon!](https://mas.to/@adrien)**\n- **👨‍💻 If you like Simplebar, [buy me a coffee!](adriendenat)**\n\n\u003ca href=\"https://www.buymeacoffee.com/adriendenat\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n\n#### Design it as you want\n\nSimpleBar 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).\n\n#### Lightweight and performant\n\nOnly 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.\n\n#### Supported everywhere\n\nSimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.\n\n### Getting started\n\nThe easiest way to use SimpleBar is with the default dependency-free version: `npm install simplebar`.\n\n- [Core documention](https://github.com/Grsmto/simplebar/tree/master/packages/simplebar)\n\nIf you are using a framework, SimpleBar also supports the most popular ones: Vue, Angular and React.\n\n- [React documention](https://github.com/Grsmto/simplebar/tree/master/packages/simplebar-react)\n- [Angular documentation](https://github.com/Grsmto/simplebar/tree/master/packages/simplebar-angular)\n- [Vue documentation](https://github.com/Grsmto/simplebar/tree/master/packages/simplebar-vue)\n\n### Demo\n\nYou can check our [demo page](https://grsmto.github.io/simplebar/examples) (which is also the one we use for automated tests).\n\n### Changelog\n\nSee changelog here : https://github.com/Grsmto/simplebar/releases\n\n### Credits\n\n- [KingSora](https://github.com/KingSora) for multiple features and inspirations (`height: auto` detection, RTL mode cross browser support and more) with [OverlayScrollbars](https://kingsora.github.io/OverlayScrollbars/).\n- [Jonathan Nicol](http://www.f6design.com/) for original idea with [Trackpad Scroll Emulator](https://github.com/jnicol/trackpad-scroll-emulator).\n- [Cassio Bittencourt](https://cassiobittencourt.com/) for the logo design.\n","funding_links":["https://www.buymeacoffee.com/adriendenat"],"categories":["TypeScript","CSS","Scroll","JavaScript","Recently Updated","Third Party Components","Vanilla JavaScript / TypeScriot"],"sub_categories":["[May 11, 2025](/content/2025/05/11/README.md)","Scroll","UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGrsmto%2Fsimplebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGrsmto%2Fsimplebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGrsmto%2Fsimplebar/lists"}