https://github.com/arunabhverma/expo-arrow-animation
🎯 Arrow Animation -> Arrows follow your touch with smooth animations ✨
https://github.com/arunabhverma/expo-arrow-animation
Last synced: 5 days ago
JSON representation
🎯 Arrow Animation -> Arrows follow your touch with smooth animations ✨
- Host: GitHub
- URL: https://github.com/arunabhverma/expo-arrow-animation
- Owner: arunabhverma
- Created: 2025-05-03T21:58:24.000Z (16 days ago)
- Default Branch: main
- Last Pushed: 2025-05-03T22:00:27.000Z (16 days ago)
- Last Synced: 2025-05-03T22:27:01.982Z (16 days ago)
- Language: TypeScript
- Homepage: https://x.com/iamarunabh/status/1918785507137376427
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Expo Arrow Animation
A beautiful React Native animation demo using Expo, React Native Reanimated, and Gesture Handler. This project demonstrates a grid of arrows that respond to pan gestures with smooth animations.
## Features
- Interactive grid of animated arrows
- Smooth spring animations using Reanimated
- Gesture-based interaction
## Getting Started
1. Install dependencies
```bash
npm install
# or
yarn install
```
2. Start the development server
```bash
npm start
# or
yarn start
```
3. Run on your preferred platform
```bash
# iOS
npm run ios
# or
yarn ios
# Android
npm run android
# or
yarn android
```
## Project Structure
```
app/
├── index.tsx # Main component with animation logic
└── ...
```
## How It Works
The app creates a grid of arrows that respond to pan gestures. Each arrow:
- Rotates to point towards the touch position
- Scales based on distance from the touch
- Uses spring animations for smooth transitions
## Contributing
Feel free to submit issues and enhancement requests.
## License
This project is open source and available under the MIT License.