https://github.com/nitin42/animate-components

✨ Elemental components for doing animations in React
https://github.com/nitin42/animate-components

animate-components animations create-react-app css cssinjs inline-styles javascript react react-animations styled-components web webdesign

Last synced: about 1 month ago
JSON representation

✨ Elemental components for doing animations in React

• Host: GitHub
• URL: https://github.com/nitin42/animate-components
• Owner: nitin42
• Created: 2017-03-29T09:12:52.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-20T19:49:01.000Z (almost 7 years ago)
• Last Synced: 2025-04-01T17:17:52.011Z (about 1 month ago)
• Topics: animate-components, animations, create-react-app, css, cssinjs, inline-styles, javascript, react, react-animations, styled-components, web, webdesign
• Language: JavaScript
• Homepage: http://animate-components.surge.sh/
• Size: 505 KB
• Stars: 906
• Watchers: 11
• Forks: 33
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
**Looking for maintainers. Please reach out to me if you're interested!**

# Animate Components

> ***Elemental components for doing animation in React***

## Packages

This repository uses [Lerna](https://lernajs.io/) to organise the codebase.

| Package        | Version           | Description  |

| ------------- |:-------------:| -----:|

| [`animate-keyframes`](./packages/animate-keyframes)       | ![](https://img.shields.io/badge/npm-v0.1.5-blue.svg)  | Keyframes for animations |

| [`animate-components`](./packages/animate-components)      | ![](https://img.shields.io/badge/npm-v1.4.2-blue.svg)      |   Components for animations |

| [`element-utils`](./packages/element-utils)      | ![](https://img.shields.io/badge/npm-v0.1.2-blue.svg)      |   Utility functions for `animate-components` |

| [`ac-inferno`](./packages/ac-inferno)      | ![](https://img.shields.io/badge/npm-v1.0.3-blue.svg)      |   `animate-components` for InfernoJS |

## Docs

View the docs [here](./packages)

## Support

Animate Components also supports [InfernoJS](infernojs.org) (separate package so `inferno-compat` is not required) and [Preact](preactjs.com) (with `preact-compat`). 

Why a separate package for InfernoJS  ? Read [here](https://github.com/nitin42/animate-components/tree/master/packages/ac-inferno#why-a-separate-package-for-infernojs-instead-of-using-animate-components-with-inferno-compat-).