/react-native-animation-samples

Gesture based interruptible animation samples in React Native.

Primary LanguageTypeScriptMIT LicenseMIT

React Native Animation Samples

Animation samples in React Native.

🛠 Live preview the samples in this Expo Snack

  • Custom toolbar:- A Custom playful, interactive toolbar with cool gesture based interruptible animations.
  • Color Swatch:- A Color Swatch that plays a circular rotation based on user gestures.
  • Grid Magnification:- A grid list view that displays Magnify effect on long press & drag, focusing on the items near the touch area within a radius.
  • Rope Physics:- A realistic looking gesture controlled, bezier based Rope UI implementation and related samples.

Other samples (Incomplete)

  • Cards Swap:- A drag/swipe demo where the cards dodge each other with gesture based animations. See preview

🖥 Running locally

# after clone, cd into the directory
# install dependencies
yarn install
# iOS only
cd ios && pod install && cd ..
# Run iOS
npx react-native run-ios
# Run Android
npx react-native run-android