React Add a Smooth Scrolling Effect

This is a React Provider Component which wraps your entire application body and add smooth scrolling effect to it.

Installation

Run yarn add react-smooth-scrolling or npm install react-smooth-scrolling

Quick Start

import { SmoothProvider } from 'react-smooth-scrolling'

function App() {
  return (
    <SmoothProvider skew={true}>
      <MyCustomPage />
    </SmoothProvider>
  )
}

Props

ease (optional): Stiffness. Default value: 0.1. Min: 0; Max: 1.

skew: Enable distortion.


Install & Import:

# Yarn
$ yarn add react-smooth-scrolling

# NPM
$ npm i react-smooth-scrolling --saveimport { SmoothProvider } from 'react-smooth-scrolling'

Basic usage:

function App() {
  return (
    <SmoothProvider skew={true} ease={myEasing}>
      <MyCustomPage />
    </SmoothProvider>
  )
}

Preview:

Add Smooth Scrolling Effect To The Entire App Body

Download Details:

Author: guilhermerodz

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/guilhermerodz/react-smooth-scrolling

License: MIT

React Add a Smooth Scrolling Effect
15.05 GEEK