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

https://github.com/just214/react-animations-demo

An interactive demo app for react-animations.
https://github.com/just214/react-animations-demo

aphrodite inline-styles javascript react react-animations

Last synced: 2 months ago
JSON representation

An interactive demo app for react-animations.

Awesome Lists containing this project

README

        

# react-animations demo

### An interactive demo showcasing the wonderful React animations provided by our friends at [Formidable Labs](https://formidable.com/).

### Try it out- [rad.surge.sh](http://rad.surge.sh)

This project is a single-page application that was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

Main libraries used in this project:

Library | Description
------------ | -------------
[React](https://facebook.github.io/react/) | A JavaScript library for building user interfaces
[react-animations](https://github.com/FormidableLabs/react-animations) | A collection of animations for inline style libraries
[Aphrodite](https://github.com/Khan/aphrodite) | It's inline styles, but they work!
[Bulma](http://bulma.io) | A modern CSS framework based on Flexbox
[React Color](https://casesandberg.github.io/react-color/) | A collection of color pickers
[rc-slider](http://react-component.github.io/slider/) | Slider UI component for React

## How to run the app locally

In your terminal:

`cd react-animations-demo `

`npm install` or `yarn install`

`npm start` or `yarn start`

Open `localhost:3000` in your browser.

### [Try react-animations on CodeSandbox](https://codesandbox.io/s/r0KzgEVZk)