Elemental components for doing animations in React
npm
npm install animate-components --save
yarn
yarn add animate-components --save
- Component based
- Supports all the animation properties
- Use with styled-components, Aphrodite and glamor
- Create a new animation using
<Merge /> - Isolated keyframes
- Validate DOM nesting
- Element type rendering of components using
asprop - Add all the html attributes supported by React along with component props.
Check the complete documentation here.
Below is a list of all available animations.
BounceBounceUpBounceRightBounceLeftBounceDown
FadeInFadeInUpFadeInRightFadeInLeftFadeInDownFadeInUpBigFadeInLeftBigFadeInRightBig
FlipFlipXFlipY
LightOutLightIn
RotateInRotateRightRotateLeftRotateUpRightRotateUpLeft
SlideUpSlideDownSlideLeftSlideRight
FlashRollOutRollInRubberSwingZoomHingePulseExpandUpEntranceHatch
PDownPUpPLeftPRight
PuffOutPuffInVanishOutVanishIn
ExpanseUpExpanseDownExpanseLeftExpanseRight