react-tension

Reveal elments smoothly on scroll with sophisticated tension-animation provided by react-spring.

🚀 Have a look at the example!

This Project is under development. Please join and contribute!

Beware: Until version 1.0.0 the API can and does change (constantly). Any (breaking-)changes are expressed in minor-updates and will be noted in the docs immediatedly.

Install

Install all dependencies via Yarn or NPM.

yarn add react-tension react-spring react react-dom

TransitionProvider

List of props:

Name	Type	Default	Description
ScrolledChild	React Element	null	required. Child, that gets normally scrolled.
AnimatedChild	React Element	null	required. Child, that gets animated

Contributing

Every contribution is very much appreciated.

😍 If you like react-tension, don't hesitate to star it on GitHub.

License

MIT © AndreasFaust