How to use react-anime - 3 common examples

To help you get started, we’ve selected a few react-anime examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github urcoilbisurco / Aurora-Server / webapp / components / UI / image_select / image_select.js View on Github external
var React = require('react');
var css=require("./image_select.scss");
var cn=require("classnames");
var Anime = require("react-anime").default;
var Image=  React.createClass({
  handleClick:function(){
    this.props.onClick(this.props.url)
  },
  render:function(){
    let background={
      "backgroundImage":"url('"+this.props.url+"')",
    }
    return (
      <div style="{background}">
        <div></div>
      </div>
    )
  }
})
var ImageSelect=React.createClass({
github urcoilbisurco / Aurora-Server / webapp / components / UI / page_container / index.js View on Github external
var React = require('react');
var css=require("./page_container.scss");
import {MdArrowBack, MdClose} from 'react-icons/lib/md';
import { Link } from 'react-router-dom'
var Anime = require("react-anime").default;

var Container=React.createClass({
  getDefaultProps:function(){
    return {
      icon:"",
      animate:true,
      back:"/"
    }
  },
  render:function(){
    return (
      <div>
       i * 300}&gt;
        <span>
          {this.props.icon=="back" &amp;&amp;
            </span></div>
github urcoilbisurco / Aurora-Server / webapp / pages / home_page.js View on Github external
var React = require('react');
var SwitchCard=require("components/switch_card/switch_card");
import SceneCard from "components/scene_card/scene_card";
var Section=require("components/UI/section/section");
var HeaderCard=require("components/header/header_card");
var WeatherCard=require("components/temperature/temperature_outdoor");
var TemperatureCard=require("components/temperature/temperature_card");
var utils=require("utils/auth");
var storage=require("utils/storage");
var Anime = require("react-anime").default;
var Button=require("components/UI/button/button")
import { Link } from 'react-router-dom'
import { connect } from 'react-redux';
import store from 'store';

const HomePage = React.createClass({
  contextTypes:{
    router:React.PropTypes.object.isRequired
  },
  componentDidMount:function(){
    this.setState({rendered:true})
    if(!this.props.user.authenticated){
      this.context.router.history.push("/auth")
    }else{
      utils.getUserState(this.props.token).then(function(state){
        store.dispatch({

react-anime

(ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React.

MIT
Latest version published 3 years ago

Package Health Score

51 / 100
Full package analysis

Popular react-anime functions