easy-react-animation

In the project directory, you can run:

yarn add easy-react-animation

or

npm i easy-react-animation

Mouse Response

You can import Mouse Animation animation directly from the main package

import { MouseResponse } from 'easy-react-animation'

Usage

<MouseResponse depth={low || medium || high}>
 <div>
    <h2>Your amazing component here</h2>
 </div>
</MouseResponse>

Props

Depth

You can easily set the depth intensity by setting the 'depth' prop at the Mouse Response compononent DEFAULT VALUE = LOW

Text Animation

You can also import each Text Animation directly from the main package

import { Flipping } from 'easy-react-animation'

Usage

    <Flipping text="Flipping" className="yourClassName"  style={yourInlineStyle} color="yourColor" accessibilityFriendly=true />

Props

Text

To set your text

className

To apply your CSS style

style

To apply your inline style

color

To apply your text color (RGB or hex)

accessibilityFriendly

To make it readable to screen readers

Animations

Below is a list of all available animations MouseResponse Enter Fading Filling Flipping Folding Karaoke Rolling Scaling Spinning