https://github.com/proyecto26/react-native-animations-demo

Animate with React Native ⏯
https://github.com/proyecto26/react-native-animations-demo

animatable animation animations json json-animations lottie native-animations react react-native

Last synced: about 1 year ago
JSON representation

Animate with React Native ⏯

• Host: GitHub
• URL: https://github.com/proyecto26/react-native-animations-demo
• Owner: proyecto26
• License: mit
• Created: 2019-01-21T03:52:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-27T16:29:13.000Z (over 1 year ago)
• Last Synced: 2024-10-29T22:37:28.077Z (over 1 year ago)
• Topics: animatable, animation, animations, json, json-animations, lottie, native-animations, react, react-native
• Language: JavaScript
• Homepage: https://youtu.be/E9Z7STYvEgM
• Size: 17.2 MB
• Stars: 6
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# Animate with React Native! ⏯

![Animate with React Native](img/animate_with_react_native.png)

## Demo

![Lottie](img/Lottie.png) | ![Motion](img/Motion.png)

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

Hello there, this is a demo how you can create animations in React Native:

## JSON Animations

- Using [Lottie](https://airbnb.design/lottie/)

  * Check the community [here](https://www.lottiefiles.com)!

## Native Animations

- Using [Animated API](https://facebook.github.io/react-native/docs/animations) directly

- Using Components with [react-native-motion](https://github.com/xotahal/react-native-motion)!

## Contributing ✨

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.  

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated** ❤️.  

You can learn more about how you can contribute to this project in the [contribution guide](https://github.com/proyecto26/react-native-animations-demo/blob/master/CONTRIBUTING.md).

## Supporting 🍻

I believe in Unicorns 🦄

Support [me](http://www.paypal.me/jdnichollsc/2), if you do too.

Donate **Ethereum**, **ADA**, **BNB**, **SHIBA**, **USDT/USDC**, **DOGE**, etc:

> Wallet address: jdnichollsc.eth

Please let us know your contributions! 🙏

## License ⚖️

This repository is available under the [MIT License](https://github.com/proyecto26/react-native-animations-demo/blob/master/LICENSE).

## Happy coding 💯

Made with ❤️