react-timing
v1.0.1
Published
react components for timing animations, etc
Downloads
1
Readme
react-timing
Timing as a component
npm install react-timing --save
// an example with react-motion
<Timing from={{top: 1000, left: 0}} sequence={[
{period: 1000, value:{top: 100, left: 0}},
{period: 1000, value:{top: 100, left: 100}},
{period: 1000, value:{top: 0, left: 100}},
{period: 1000, value:{top: 0, left: 0}}
]}>{val =>
<Spring endValue={{val}}>{ i9ed =>
<div style={{...i9ed.val, backgroundColor: 'wheat', height: 100, width: 100, position: 'absolute'}}>
move it
</div>
}</Spring>
}</Timing>
this is just the start; the hope is to achieve parity with Greensock's awesome timeline api. Open to ideas!