GitPedia

ReactNative Animation Challenges

A series of animation challenges in React Native.

From kiok46·Updated January 22, 2026·View on GitHub·

- [ReactNative-Challange-1: Counter](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-1) || [ code](https://github.com/kiok46/ReactNative-Challenge-1) - [ReactNative-Challange-2: ContactSync](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-2) || [code](https://github.com/kiok46/ReactNative-Challenge-2) - [ReactNative-Challange-3: PhotoGrid](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-3) || [... The project is distributed under the MIT License license, first published in 2018. Key topics include: android, animation, challenge, counter, hamburger-menu.

ReactNative-Animation-Challenges

A series of animation challenges in React Native.

Source Code:

<img src="https://user-images.githubusercontent.com/7335120/35076574-27806408-fc1f-11e7-8fa6-9e03a3693770.gif" width="270"> <img src="https://user-images.githubusercontent.com/7335120/35076596-446c0432-fc1f-11e7-9458-dc93e968be55.gif" width="270"> <img src="https://user-images.githubusercontent.com/7335120/35101779-bc4b20a2-fc86-11e7-8506-8a92d58c46f6.gif" width="270">

ReactNative-Challenge-1

Inspired from: Addition Subtraction (Counter)
https://uimovement.com/ui/2513/addition-subtraction/

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/34785573-8bf967d6-f657-11e7-9968-b5d72688b384.gif" width="350">

ReactNative-Challenge-2

Inspired from: ContactSync (Counter)
https://uimovement.com/ui/2334/contact-sync/

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/34826468-aafe482c-f6fc-11e7-9457-1473484dd922.gif" width="300">

ReactNative-Challenge-3

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/34905522-72c5f95c-f880-11e7-9513-60368041e9fd.gif" width="300">

ReactNative-Challenge-4

Inspired from: Instagram

Follow me on Instagram: https://www.instagram.com/kuldeep_kiok46/

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/34905118-763c0246-f878-11e7-9c79-2623dc54a495.gif" width="300">

ReactNative-Challenge-5

Inspired from: Place Notification: https://uimovement.com/ui/4679/place-notification/

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/35101779-bc4b20a2-fc86-11e7-8506-8a92d58c46f6.gif" width="300">

ReactNative-Challenge-6

Inspired from: Floating Burger: https://dribbble.com/shots/1746065-Floating-burger-2-0

code

Android ✔️ iOS ✔️

<img src="https://user-images.githubusercontent.com/7335120/34966136-8774fc3a-fa7f-11e7-9d9d-6a9b342bd740.gif" width="300">

ReactNative-Challenge-7

Inspired from: Jedi Principles of UI Animation: https://in.pinterest.com/pin/785948572443687502/

code

Android ✔️ iOS ✔️

Try on Expo

https://expo.io/@kiok46/7_music

<img width="171" alt="screen shot 2018-01-18 at 6 18 30 pm" src="https://user-images.githubusercontent.com/7335120/35098979-3ad82dd0-fc7c-11e7-9ad0-f547aa87a12b.png">

<img src="https://user-images.githubusercontent.com/7335120/35076574-27806408-fc1f-11e7-8fa6-9e03a3693770.gif" width="300"> <img src="https://user-images.githubusercontent.com/7335120/35076596-446c0432-fc1f-11e7-9458-dc93e968be55.gif" width="300">

Contributors

Showing top 1 contributor by commit count.

kiok46

kiok46

15 commits

View all contributors on GitHub →

This article is auto-generated from kiok46/ReactNative-Animation-Challenges via the GitHub API.Last fetched: 6/14/2026