This repo contains a React Native project with animations challenges and examples using the new Reanimated 2 API
Check Reanimated 2 documentation here.
- Reanimated 2 Example
- Drag And Drop
- Toggl
- Reflectly Color Selection
- Onboarding Challenge
- Shared element transition
- Accordion
- Custom Tab Bar
- Skate Challenge
- Spotify Player UI
- Sticky Shapes
- Chanel Scroll
- Rainbow Charts
- Bouncing Ball
- Paper Switch
- Folding Cell
- Love Slider
- Fancy Switch
- Menu Button
- Wallet
- Expanding Collection
- Music App
- Bezier Slider
- Floating Menu
First example that comes with the library itself
Simple drag and drop
Toggl Tracker inspiration
Reflectly challenge guided by William Candillon in Can It Be Done in React Native
Season 4
Reflectly Color Selection
Custom onboarding slides challenge
Shared element transition guided by William Candillon
React Native shared element transition
Simple accordion list
Custom tab bar challenge from Dribbble
Tab Bar Switches Interaction
Skate UI challenge from Dribbble
Skate Challenge
Spotify player UI challenge
Sticky shapes guided by William Candillon
Sticky shapes
Chanel Scroll guided by William Candillon in in Can It Be Done in React Native
Season 4
Chanel Scroll
Rainbow Charts guided by William Candillon in in Can It Be Done in React Native
Season 4
Rainbow Charts
Continuous animation of a ball in a soccer field
Inspiration from Ramotion and his Paper Switch for SwiftUI
Inspiration from Ramotion his Folding Cell for SwiftUI
Inspiration from dribbble Love Slider
Inspiration from dribbble On/Off Switch
Inspiration from Menu Button Animation
Inspiration from 2 FREE Touch Gesture Animations, interactions for after effects
Inspiration from Expanding Collection iOS Control
Inspiration from Music App
Inspiration from UI Motion Kit
Inspiration from Star Wars : The Mandalorian - Mobile concept design
- @wcandillon for
react-native-redash
and all of your amazing videos and courses. - @ramotion