Skip to content

bdobai/crimson-app

Repository files navigation

React Native Animation Showcase

Welcome to the React Native Animation Showcase! This project features a collection of random animations created using React Native.

Table of Contents

  1. Animation 1: Drag To Sort
  2. Animation 2: Loading
  3. Animation 3: Graphs
  4. Animation 4: Sound
  5. Animation 5: Steps

Animation 1: Drag To Sort

  • Description: An animated list with draggable components
  • Used Libraries: react-native-reanimated react-native-gesture-handler
  • Media: Drag to sort

Animation 2: Loading

  • Description: Animated loading indicators
  • Used Libraries: react-native-reanimated
  • Media: Loading

Animation 3: Graphs

  • Description: Animated graphs.
  • Used Libraries: @shopify/react-native-skia react-native-reaniamted
  • Media: Graphs

Animation 4: Sound

  • Description: An animated sound settings interface
  • Used Libraries: react-native-reanimated react-native-gesture-handler
  • Media: Sound

Animation 5: Steps

  • Description: An animated todo list
  • Used Libraries: @shopify/react-native-skia react-native-reaniamted
  • Media: Steps

How to Run

  1. Clone this repository: git clone https://github.com/your-username/react-native-animation-showcase.git
  2. Navigate to the project folder: cd react-native-animation-showcase
  3. Install dependencies: npm install
  4. Run the app: npm start

Feel free to explore each animation and experiment with the code to integrate them into your own React Native projects.

Happy coding!