@gfazioli/react-animatecss

The Animate CSS porting for React

Usage no npm install needed!

<script type="module">
  import gfazioliReactAnimatecss from 'https://cdn.skypack.dev/@gfazioli/react-animatecss';
</script>

README

Overview

version license GitHub issues type last-commit npm

Porting of Animate CSS as React components

Installation

You can use either npm

npm i @gfazioli/react-animatecss

or yarn

yarn add @gfazioli/react-animatecss

Basic Usage

First of all, remember to import the component.

import React from "react"

import {Zoom} from "@gfazioli/react-animatecss"

function Application() {

  return (
    <Zoom animate={true}>
      <h1>Hello, World!</h1>
    </Zoom>
  )

}

Documentation

See the complete documentation and intercative playground

Credits

This package is based of Animate.css.

Contributing

Thanks for any your contribute 👏.

Bugs 🐛

Use the GitHub issues.

License

Licensed under the MIT license. (http://opensource.org/licenses/MIT). Copyright (c) Giovambattista Fazioli 2019.

Code of Conduct

This project and everyone participating in it is governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to giovambattista.fazioli@gmail.com.