react-scroll-slider

React-scroll-slider is a component that triggers slides replacing by scroll event. Active slide indexes are provided by context provider and passed to active alaments that can be animated with css transitions. Each slide can have different number of active elements thus it's possible to add multiple animated elements with different animations. It's possible to add forward/backward animations depending on if slide is going to be rendered or going to be hidden.

Demo is here

Roadmap

• Add examples of usage with code samples
• Storybook for showcases
• Support for swipe events
• Implement hosizontal slide scrolling
• Tests

Installation

To install package

npm i --save react-scroll-slider

or

yarn add react-scroll-slider