https://github.com/saidMounaim/React-Use-Smooth-Scroll

React Provider Component to add a smooth scroll effect 😍
https://github.com/saidMounaim/React-Use-Smooth-Scroll

javascript reacthooks reactjs smooth-scrolling

Last synced: 6 days ago
JSON representation

React Provider Component to add a smooth scroll effect 😍

• Host: GitHub
• URL: https://github.com/saidMounaim/React-Use-Smooth-Scroll
• Owner: saidMounaim
• Created: 2020-12-27T18:08:04.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-27T18:54:26.000Z (over 4 years ago)
• Last Synced: 2024-08-09T05:46:36.359Z (11 months ago)
• Topics: javascript, reacthooks, reactjs, smooth-scrolling
• Language: JavaScript
• Homepage: https://react-smooth-scroll-effect.netlify.app/
• Size: 514 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-react-hooks - React Use Smooth Scroll - React Provider Component to add a smooth scroll effect 😍 (Packages)

README

        
# React Use Smooth Scroll

> React Provider Component to add a smooth scroll effect 😍

[![NPM](https://img.shields.io/npm/v/react-use-scroll-effects.svg)](https://www.npmjs.com/package/react-use-scroll-effects) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

Live demo: [https://react-smooth-scroll-effect.netlify.app/](https://react-smooth-scroll-effect.netlify.app/)

## Install

```bash

npm install --save react-use-smooth-scroll

```

## Usage

```jsx

import React from 'react'

import { UseEffectScroll } from 'react-use-smooth-scroll'

import 'react-use-smooth-scroll/dist/index.css'

const App = () => {

  return (

    

      

        
Section 1

      

      

        
Section 2

      

      

        
Section 3

      

      

        
Section 4

      

    

  )

}


export default App

```

## License

MIT © [saidMounaim](https://github.com/saidMounaim)