react-simple-effects

react-simple-effects

Simple to use components for common animation tasks in ReactJS

Install

npm install react-simple-effect

Effects

SimpleEffect

Base of all effects.

<SimpleEffect
    from={{opacity: , x: , y: , height: width: }}
    to={{opacity: , x: , y: , height: width: }}
    move="back"|"forth"
>
    <div>Hello World</div>
</SimpleEffect>

Fade

<Fade visible={true|false}>
    <div>Hello World</div>
</Fade>

Slide

<Slide
    dir="up"|"down"|"left"|"right"
    height=""
    width=""
>
    <div>Hello World</div>
</Slide>