Popularity
6.5
Growing
Activity
2.4
Declining
1,222
25
72

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Animation     React     Component     Tween     Motion     Animation     Transition     Css     Animate     Anime    
Latest version: v0.2.2

react-anime alternatives and similar libraries

Based on the "UI Animation" category

Do you think we are missing an alternative of react-anime or a related project?

Add another 'UI Animation' Library

README

react-anime

Npm Package License Unit Tests Coverage Tests Dependency Status devDependency Status

(ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React built on top of Julian Garnier's anime.js. Just place an <Anime> component and what you want animated inside.

[Documentation](documentation.md) | Demos | Anime.js

Installation

npm i react-anime -S

Features

  • Animate nearly all CSS, SVG, & DOM attributes by adding a prop with their name (eg. opacity, backgroundColor, translateX).

  • Nested animations are as easy as putting an <Anime> component inside another.

  • Animations can react to changes in state.

  • Cascading animations through delay prop.

  • TypeScript/Flow definitions included.

Usage

import React from 'react';
import Anime, {anime} from 'react-anime';

const App = (props) => (
  <Anime delay={anime.stagger(100)}
         scale={[.1, .9]}>
    <div className="blue"/>
    <div className="green"/>
    <div className="red"/>
  </Anime>
);


*Note that all licence references and agreements mentioned in the react-anime README section above are relevant to that project's source code only.