https://github.com/blaiti/react-native-animations
A customizable Animations for React Native.
https://github.com/blaiti/react-native-animations
react react-native react-native-reanimated typescript
Last synced: 12 months ago
JSON representation
A customizable Animations for React Native.
- Host: GitHub
- URL: https://github.com/blaiti/react-native-animations
- Owner: blaiti
- License: mit
- Created: 2023-08-11T09:44:04.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-10T10:36:44.000Z (over 2 years ago)
- Last Synced: 2025-06-09T14:16:36.315Z (about 1 year ago)
- Topics: react, react-native, react-native-reanimated, typescript
- Language: TypeScript
- Homepage: https://youtube.com/@Blaiti
- Size: 591 KB
- Stars: 50
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native Animations
A customizable Animations for React Native using [React Native
Reanimated](https://docs.swmansion.com/react-native-reanimated/).
## Table of Contents
- [Tech Stack](#tech-stack)
- [Quick Start](#quick-start)
- [Run Locally](#run-locally)
- [File Structure](#file-structure)
- [Author](#author)
## Tech Stack
**Frontend:** React Native
**Environment:** Android, iOS
## Quick start
Clone the repo
```bash
git clone https://github.com/blaiti/React-Native-Animations
```
Install React Native Animations with npm
```bash
cd React-Native-Animations
npm install
```
## Run Locally
To run locally on Android, run the following command
```bash
npm run android
```
To run locally on iOS, run the following command
```bash
npm run ios
```
## File Structure
Within the download you'll find the following directories and files:
```bash
React-Native-Animations
.
├── react-native.config.js
├── tsconfig.json
├── index.js
├── App.tsx
├── app.json
├── package.json
├── package_lock.json
├── babel.config.js
├── metro.config.js
├── android
├── ios
└── src
├── components
│ └── UserCard
│ ├── index.ts
│ ├── IUserCard.ts
│ └── UserCard.tsx
├── constants
│ └── users
├── screens
│ └── FlatListAnimation.tsx
└── styles
├── colors.ts
├── index.ts
├── mixins.ts
└── spacing.ts
```
## Author
- [@blaiti](https://github.com/blaiti)