https://github.com/enzomanuelmangano/animate-with-reanimated

Animate with Reanimated is a youtube series where I try to build from scratch simple and instructive animations.
https://github.com/enzomanuelmangano/animate-with-reanimated

react-native react-native-reanimated tutorial

Last synced: 11 days ago
JSON representation

Animate with Reanimated is a youtube series where I try to build from scratch simple and instructive animations.

• Host: GitHub
• URL: https://github.com/enzomanuelmangano/animate-with-reanimated
• Owner: enzomanuelmangano
• Created: 2021-05-08T20:03:32.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-12T07:16:24.000Z (about 2 months ago)
• Last Synced: 2024-09-12T17:25:50.583Z (about 2 months ago)
• Topics: react-native, react-native-reanimated, tutorial
• Language: TypeScript
• Homepage: https://youtube.com/playlist?list=PLjHsmVtnAr9TWoMAh-3QMiP7bPUqPFuFZ
• Size: 52.8 MB
• Stars: 538
• Watchers: 6
• Forks: 120
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        


Animate with Reanimated 🐢



 

      

  

Animate with Reanimated is a YouTube series where I try to build from scratch simple and instructive animations with the help of the following packages:

- [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/)

- [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs)

Sounds interesting? [Click here!](https://youtu.be/yz9E10Dq8Bg)

## Would you like to support me?

If you like my work and want to support me, the easiest way is to subscribe to my [YouTube channel](https://www.youtube.com/@Reactiive).

This seems like an easy task, but it means a lot to me.

### Other ways to support me and get exclusive content:

- [My course (Reanimate.dev)](https://www.reanimate.dev): Are you really into animations? Fantastic! This makes two of us. Here you can access my React Native animations course and learn how to improve your animations skills.

- [Patreon](https://www.patreon.com/reactiive): Every week, since a couple of years, I've been sharing a new special animation with my Patrons. If you want to access all of them, you can become a Patron.

## Available Tutorials

- [00 Introduction to Reanimated v2](https://youtu.be/yz9E10Dq8Bg)

- [01 The basics of PanGestureHandler with Reanimated](https://youtu.be/4HUreYYoE6U)

- [02 Interpolate with ScrollView like a pro](https://youtu.be/SqwpRr7kbnQ)

- [03 Interpolate Colors like a pro](https://youtu.be/U_V9pHnTXjA) ([Medium](https://enzomanuelmangano.medium.com/interpolate-colors-like-a-pro-with-react-native-reanimated-2-253a2695cf0a))

- [04 The basics of PinchGestureHandler](https://youtu.be/R7vyLItMQJw)

- [05 Animate on DoubleTap Gesture](https://youtu.be/nbEmo0zLJjw)

- [06 ScrollView from Scratch with PanGestureHandler](https://youtu.be/Fd5FWxx7c48)

- [07 ColorPicker Animation](https://youtu.be/XH35ahDm3as)

- [08 Circular Progress Bar Animation](https://youtu.be/9n2mQJ7TO6Y)

- [09 Swipe to Delete](https://youtu.be/AVS_2nzt8Do)

- [10 Ripple Effect](https://youtu.be/QxGQwRqxbSA)

- [11 Perspective Menu](https://youtu.be/D-C7lLQ1oAk)

- [12 Sliding Counter](https://youtu.be/KlUi2BCUIic)

- [13 Clock Loader](https://youtu.be/YbIXcA2fcLU)

- [14 Layout Animations](https://youtu.be/p3BLiloo2UM)

- [15 Animated FlatList](https://youtu.be/3ox0R5jPb04)

- [16 Smooth Dropdown](https://youtu.be/LtgHWjf7BA8?si=9tYFFFLaUYScx65s)

- [17 Circular Carousel Animation](https://youtu.be/-ZXedIjj4H8?si=5bhjBMD9Sl-6ufbT)

- [18 Skeleton Animation](https://youtu.be/vunwBbFx_F8)

- [19 Custom Segmented Control](https://youtu.be/RTYNKDODSfw)

- [20 Custom Tap Gestures](https://youtu.be/DWFS_dSnJOs)

- [21 Animated Split Button](https://youtu.be/GxkzFYI6eqI)

- [22 Animated Stacked Cards](https://youtu.be/8_hvNoZJsc8)

- [23 Checkbox Interactions](https://youtu.be/NPq_MFLnQrQ)

- [24 Story List UI](https://youtu.be/NNRym_f8JsA)

- [25 Pager Dots](https://youtu.be/04K3wPK2yC8)

- [26 Animated Bar Chart](https://youtu.be/RO3qutJhU_Y)