<h1 align="center">
  <br>
  <img src="https://raw.githubusercontent.com/flipkart-incubator/ballet/master/icon-above-font.png" alt="Ballet" width="200"/>
 
</h1>

<h4 align="center">
Android's awesome co-ordinator layout now on react native.
</h4>

<p align="center"> 
<img src="https://img.shields.io/badge/License-Apache%202.0-blue.svg">
</p>

# Key Features
- <b>Cross platform</b> : Ballet can be use on react native for Android and iOS. It also work on the web via React native web library.
- <b>Performance</b> : Ballet uses React native's animated API to keep animations as fluid as possible
- <b>Behaviour</b> : Ballet comes with inbuilt behaviours like `Scroll`, `Fade` & `Collapse` to get you upto speed quickly.

# How to use
```js
npm install <TBD>

```

# Demo
Here's a demo from Flipkart app on Android, & iOS where toolbar hides automatically on scrolling down, and unhides when scrolling up. This behaviour is implemented using Ballet.

Android demo | iOS demo
--- | ---
![](https://raw.githubusercontent.com/flipkart-incubator/ballet/master/android_ballet_demo.gif) | ![](https://raw.githubusercontent.com/flipkart-incubator/ballet/master/ios_ballet_demo.gif)




