React Native Animations Workshop

Hi! This is the collection of Animations I created with React Native/Expo. This repo contains pretty interesting ways how you could animate the views while preserving 60 FPS.

Run the app with Expo

MorphSlider

video5433997961543564101.mp4

• Morph SVGs
• Animate LinearGradient
• Custom Slider

3D Menu

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-10.at.00.07.20.mp4

• Transform Views in 3D Space
• Translate Menu Button

Login Animation

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-10.at.00.06.47.mp4

• Custom Ripple Animation
• Translate and Fade out input fields

Balloon Slider

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-10.at.00.07.33.mp4

• Synthetic Balloon mimic tension
• Slider implemented with ScrollView

Add to cart Curve Animation

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-10.at.00.16.30.mp4

• Bezier Curve Animation
• Scale Animation