Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gfazioli/react-animatecss

AnimateCSS porting in React
https://github.com/gfazioli/react-animatecss

animate animatecss animation hooks react reactjs typescript

Last synced: 1 day ago
JSON representation

AnimateCSS porting in React

Awesome Lists containing this project

README

        

# Overview

![version](https://img.shields.io/npm/v/@gfazioli/react-animatecss.svg)
![license](https://img.shields.io/npm/l/@gfazioli/react-animatecss.svg)
![GitHub issues](https://img.shields.io/github/issues/gfazioli/react-animatecss.svg)
![type](https://img.shields.io/npm/types/@gfazioli/react-animatecss.svg)
![last-commit](https://img.shields.io/github/last-commit/gfazioli/react-animatecss.svg)
![npm](https://img.shields.io/npm/dm/@gfazioli/react-animatecss.svg)

Porting of [Animate CSS](https://github.com/daneden/animate.css) as React components

## Installation

You can use either **npm**

```bash
npm i @gfazioli/react-animatecss
```

or **yarn**

```bash
yarn add @gfazioli/react-animatecss
```

## Basic Usage

First of all, remember to import the component.

```jsx
import React from "react"

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

function Application() {

return (

Hello, World!



)

}
```

## Documentation

See the complete [documentation and intercative playground](https://gfazioli.github.io/react-animatecss/)

## Credits

This package is based of [Animate.css](https://github.com/daneden/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](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [[email protected]](mailto:[email protected]).