luccagugescu/react-native-animations

simple react native example

React Native Animations Showcase

Welcome to the React Native Animations Showcase repository! This repository is dedicated to demonstrating various animations implemented using React Native. Whether you're a beginner looking to learn animation techniques or an experienced developer seeking inspiration, this collection of animations is here to help.

Table of Contents

• Preview
• Getting Started
• Animations
• Usage
• Contributing
• License

Preview

Here's a glimpse of what you'll find in this repository:

• Untitled Animation
• Switch Animation
• Loading Animation

Feel free to explore and integrate these animations into your React Native projects.

Getting Started

To get started, clone this repository to your local machine:

git clone https://github.com/LuccaGugescu/react-native-animations.git

Navigate to the project directory and install the dependencies:

cd react-native-animations
npm install

Follow the instructions in the Usage section to run the animations on your local environment.

Animations

Loading Animation

untitled.webm

Switch Animation

switch.webm

Loading Animation

loading.webm

Gallery Animation

galley.webm

Usage

Follow these steps to run the animations on your local machine:

1. Navigate to the project directory.

2. Run the React Native development server:

   npx react-native start

3. In a separate terminal window, launch the application on an emulator or device:

   • For Android:

     npx react-native run-android

   • For iOS:

     npx react-native run-ios

Now, you can explore and interact with the animations in the running React Native application.

Contributing

Contributions are welcome! If you have additional animations or improvements to existing ones, please follow the contribution guidelines.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Feel free to reach out with any questions or feedback. Happy coding!