https://github.com/alexsergey/react-customscroll
This is a tiny React component for scroll bar customization, without dependencies but with a lot of features.
https://github.com/alexsergey/react-customscroll
customscroll react-component reactjs scroll scrollbar ui
Last synced: 3 months ago
JSON representation
This is a tiny React component for scroll bar customization, without dependencies but with a lot of features.
- Host: GitHub
- URL: https://github.com/alexsergey/react-customscroll
- Owner: AlexSergey
- Created: 2015-12-06T15:21:18.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2025-06-17T14:56:09.000Z (about 1 year ago)
- Last Synced: 2025-07-09T04:44:52.597Z (12 months ago)
- Topics: customscroll, react-component, reactjs, scroll, scrollbar, ui
- Language: CSS
- Homepage: http://www.natrube.net/custom-scroll/index.html
- Size: 2.35 MB
- Stars: 51
- Watchers: 6
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React CustomScroll
**React-customscroll** is a tiny React component for scroll bar customization, without dependencies but with a lot of features.
[Demo](http://natrube.net/custom-scroll/index.html)
## Features:
- React 19 support
- TypeScript support
- Tiny size (11kb)
- Without dependencies
- Easy customization, simple api
- Native OS scroll behavior
- Cross browser
- Animate scrollTo feature
- RTL support
- Server Side Rendering support
- Scroll snap support
## Usage
### Step 1:
```
npm install react-customscroll -save
```
### Step 2:
**React-customscroll** works like native browser scroll.
You should paste the component inside the block with scrollable data.
For instance:
```jsx
import CustomScroll from 'react-customscroll';
```
```jsx
...long_data_here...
```
If block with a native browser scroll works well it will work with **React-customscroll**
---
[Examples](https://github.com/AlexSergey/react-customscroll/tree/master/example)
## License
MIT