react-anime
(ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React.
Last updated 10 months ago by alaingalvan .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-anime 
SYNC missed versions from official npm registry.

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 | 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>
);

Current Tags

  • 3.0.3                                ...           latest (10 months ago)

28 Versions

  • 3.0.3                                ...           10 months ago
  • 3.0.2                                ...           10 months ago
  • 3.0.0                                ...           10 months ago
  • 2.3.2                                ...           10 months ago
  • 2.3.1                                ...           10 months ago
  • 2.2.0                                ...           2 years ago
  • 2.1.0                                ...           3 years ago
  • 2.0.1                                ...           3 years ago
  • 2.0.0                                ...           3 years ago
  • 0.3.4                                ...           4 years ago
  • 0.3.3                                ...           4 years ago
  • 0.3.2                                ...           4 years ago
  • 0.3.1                                ...           4 years ago
  • 0.3.0                                ...           4 years ago
  • 0.2.3                                ...           4 years ago
  • 0.2.2                                ...           4 years ago
  • 0.2.1                                ...           4 years ago
  • 0.2.0                                ...           4 years ago
  • 0.1.9                                ...           4 years ago
  • 0.1.8                                ...           4 years ago
  • 0.1.7                                ...           4 years ago
  • 0.1.6                                ...           4 years ago
  • 0.1.5                                ...           4 years ago
  • 0.1.4                                ...           4 years ago
  • 0.1.3                                ...           4 years ago
  • 0.1.2                                ...           4 years ago
  • 0.1.1                                ...           4 years ago
  • 0.1.0                                ...           4 years ago
Downloads
Today 0
This Week 3
This Month 73
Last Day 1
Last Week 30
Last Month 140
Dependencies (2)

Copyright 2014 - 2016 © taobao.org |