react-v
Easy, intuitive velocityjs animations for React
Awesomely native feel, almost no extra code, exactly the same as velocityjs api, ie:
works on all React components
thisrefssomeComponent
Fyi, we monkey patch React.createClass
&& React.Component
We don't include jquery (velocity on dom)
Quick Usage
-require
-execute
-profit
// require and execute react-vvar Form = Reactvar App = ReactReactDOM
API
We have most of the velocity animation functions available, including UI pack
Require Options
-noNamespace (bool|false): true to remove the velocity namespace, changing component.velocityFlash()
to component.flash()
Component Velocity Methods
View velocityjs docs for more details
The only special mention is the velocity
method which is the same as the original velocity
method
'velocity''velocityBounce''velocityShake''velocityFlash''velocityPulse''velocitySwing''velocityTada''velocityFadeIn''velocityFadeOut''velocityFlipXIn''velocityFlipXOut''velocityFlipYIn''velocityFlipYOut''velocityFlipBounceXIn''velocityFlipBounceXOut''velocityFlipBounceYIn''velocityFlipBounceYOut''velocitySwoopIn''velocitySwoopOut''velocityWhirlIn''velocityWhirlOut''velocityShrinkIn''velocityShrinkOut''velocityExpandIn''velocityExpandOut''velocityBounceIn''velocityBounceOut''velocityBounceUpIn''velocityBounceUpOut''velocityBounceDownIn''velocityBounceDownOut''velocityBounceLeftIn''velocityBounceLeftOut''velocityBounceRightIn''velocityBounceRightOut''velocitySlideUpIn''velocitySlideUpOut''velocitySlideDownIn''velocitySlideDownOut''velocitySlideLeftIn''velocitySlideLeftOut''velocitySlideRightIn''velocitySlideRightOut''velocitySlideUpBigIn''velocitySlideUpBigOut''velocitySlideDownBigIn''velocitySlideDownBigOut''velocitySlideLeftBigIn''velocitySlideLeftBigOut''velocitySlideRightBigIn''velocitySlideRightBigOut''velocityPerspectiveUpIn''velocityPerspectiveUpOut''velocityPerspectiveDownIn''velocityPerspectiveDownOut''velocityPerspectiveLeftIn''velocityPerspectiveLeftOut''velocityPerspectiveRightIn''velocityPerspectiveRightOut'
License
MIT