https://github.com/abdullah0dev/with-router-tailwind-reanimated
https://github.com/abdullah0dev/with-router-tailwind-reanimated
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/abdullah0dev/with-router-tailwind-reanimated
- Owner: Abdullah0Dev
- Created: 2025-01-21T18:26:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-26T19:35:03.000Z (over 1 year ago)
- Last Synced: 2025-10-27T00:40:52.038Z (8 months ago)
- Language: TypeScript
- Homepage:
- Size: 12.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎉 React Native Starter Template 🚀
Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly! 🎨
This template includes:
- 🌀 **React Navigation** for powerful navigation
- 💅 **Tailwind CSS** via [NativeWind](https://www.nativewind.dev/v4/overview/) for responsive styling
- ⚡ **Reanimated** for smooth animations
- 🎨 **React Native Vector Icons** for beautiful icons
- 🚀 A solid foundation with pre-configured libraries to jumpstart your next project
## 🔥 Features
- **React Navigation**: Seamlessly handle navigation like a pro.
- **NativeWind (Tailwind CSS)**: Write utility-first styles with ease.
- **Reanimated**: Create buttery-smooth animations effortlessly.
- **Vector Icons**: Access a variety of icons to enhance your UI.
- **Fully Configured Setup**: No hassle, just start coding!
- **Scalable Structure**: Organized folder layout to grow with your app.
---
## 🚀 Get Started
### 1️⃣ Initialize a New Project:
```bash
npx @react-native-community/cli init MyAwesomeApp --template with-router-tailwind-reanimated
```
### 2️⃣ Navigate to Your App Directory:
```bash
cd MyAwesomeApp
```
### 3️⃣ Start the App:
For iOS:
```bash
npx react-native run-ios
```
For Android:
```bash
npx react-native run-android
```
---
## 📦 What's Inside?
- **React Navigation** for file-based navigation
- **NativeWind** for styling with Tailwind CSS classes
- **Reanimated** for advanced gesture-based animations
- Pre-installed utilities like **Axios** and **React Query** (optional)
- Clean and modular folder structure:
```
├── src/
│ ├── navigation/ # App navigation setup
│ ├── screens/ # App screens
│ ├── components/ # Reusable components
│ ├── hooks/ # Custom hooks
│ └── utils/ # Helper functions
└── ...
```
---
## 🛠 Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org)
- [React Native CLI](https://reactnative.dev/docs/environment-setup)
---
## 🤝 Contributing
Contributions are always welcome! Whether it's improving the code, adding features, or fixing bugs—feel free to open a pull request.
---
## ❤️ Support
If this template makes your life easier, consider giving it a ⭐ on GitHub or supporting my work on [GitHub Sponsors](https://github.com/sponsors/Abdullah0Dev)!
---
### Ready to build something awesome? Let's go! 🛠️✨