1.4.8 • Published 7 years ago

animate-components v1.4.8

Weekly downloads
193
License
MIT
Repository
github
Last release
7 years ago

Animate Components

website version gzip size

Elemental components for doing animations in React

Install

npm

npm install animate-components

yarn

yarn add animate-components

The UMD build is also available on unpkg:

<script src="https://unpkg.com/animate-components@1.4.2/dist/animate-components.min.js"></script>

Features

  • Component based
  • Supports all the animation properties
  • Merge two animations to create one
  • Isolated keyframes (use with styled-components, aphrodite and glamor) provided by animate-keyframes
  • Ratifies DOM nesting
  • Element type rendering of components using as prop
  • Add all the html attributes supported by React along with component props.

Why ?

  • Ease of doing animations (purely component based).
  • Simplified and minimal API.
  • Best source for someone who is new to React.
  • Supports element type rendering of an animation component (interesting tweak).
  • Provides isolated keyframes so that you don't have to hardcode all the curves and directly use them with css-in-js solutions like glamor, styled-components, Aphrodite etc.

Tasks

Tasklist

Docs

View the complete documentation here.

Animations

Below is a list of all available animations (Components).

Bounce

  • Bounce
  • BounceUp
  • BounceRight
  • BounceLeft
  • BounceDown

Fade

  • FadeIn
  • FadeInRightBig
  • FadeInRight
  • FadeInLeftBig
  • FadeInLeft
  • FadeInDown
  • FadeInDownBig
  • FadeInUp
  • FadeInUpBig

Flip

  • Flip
  • FlipInX
  • FlipInY
  • FlipOutX
  • FlipOutY

LightSpeed

  • LightOut
  • LightIn

Rotate

  • RotateIn
  • RotateRight
  • RotateLeft
  • RotateUpRight
  • RotateUpLeft

Slide

  • SlideUp
  • SlideDown
  • SlideLeft
  • SlideRight

Special

  • Flash
  • RollOut
  • RollIn
  • Rubber
  • Swing
  • Zoom
  • Hinge
  • HingeDrop
  • Pulse
  • ExpandUp
  • Entrance
  • Hatch
  • StarWars

🚀 New

Perspective

  • PDown
  • PUp
  • PLeft
  • PRight

Bingo

  • PuffOut
  • PuffIn
  • VanishOut
  • VanishIn

Expanse (in space)

  • ExpanseUp
  • ExpanseDown
  • ExpanseLeft
  • ExpanseRight

Other animation libraries (css)

1.4.8

7 years ago

1.4.7

7 years ago

1.4.6

7 years ago

1.4.5

7 years ago

1.4.4

7 years ago

1.4.3

7 years ago

1.4.2

7 years ago

1.4.1

7 years ago

1.4.0

7 years ago

1.3.9

7 years ago

1.3.8

7 years ago

1.3.6

7 years ago

1.3.5

7 years ago

1.3.4

7 years ago

1.3.3

7 years ago

1.3.2

7 years ago

1.3.1

7 years ago

1.3.0

7 years ago

1.2.7

7 years ago

1.2.4

7 years ago

1.2.3

7 years ago

1.2.2

7 years ago

1.2.1

7 years ago

1.2.0

7 years ago

1.1.9

7 years ago

1.1.8

7 years ago

1.1.7

7 years ago

1.1.6

7 years ago

1.1.5

7 years ago

1.1.4

7 years ago

1.1.2

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.9.9

7 years ago

0.9.8

7 years ago

0.9.7

7 years ago

0.9.6

7 years ago

0.9.5

7 years ago

0.9.4

7 years ago

0.9.3

7 years ago

0.9.2

7 years ago

0.9.1

7 years ago

0.9.0

7 years ago

0.8.2

7 years ago

0.8.1

7 years ago

0.8.0

7 years ago

0.7.7

7 years ago

0.7.6

7 years ago

0.7.5

7 years ago

0.7.4

7 years ago

0.7.3

7 years ago

0.7.2

7 years ago

0.7.1

7 years ago

0.7.0

7 years ago

0.6.9

7 years ago

0.6.8

7 years ago

0.6.7

7 years ago

0.6.6

7 years ago

0.6.5

7 years ago

0.6.4

7 years ago

0.6.3

7 years ago

0.6.2

7 years ago

0.6.1

7 years ago

0.6.0

7 years ago

0.5.8

7 years ago

0.5.7

7 years ago

0.5.6

7 years ago

0.5.5

7 years ago

0.5.4

7 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.9

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.5

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.9

7 years ago

0.3.8

7 years ago

0.3.7

7 years ago

0.3.6

7 years ago

0.3.5

7 years ago

0.3.4

7 years ago

0.3.3

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.9

7 years ago

0.2.8

7 years ago

0.2.7

7 years ago

0.2.6

7 years ago

0.2.5

7 years ago

0.2.4

7 years ago

0.2.3

7 years ago

0.2.2

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago