https://github.com/aashu-dubey/react-native-ui-templates
UI kits built in React-Native & TypeScript.
https://github.com/aashu-dubey/react-native-ui-templates
android boilerplates cross-platform ios react-native react-native-community react-native-ui-templates react-navigation reactjs typescript ui-templates
Last synced: about 1 month ago
JSON representation
UI kits built in React-Native & TypeScript.
- Host: GitHub
- URL: https://github.com/aashu-dubey/react-native-ui-templates
- Owner: Aashu-Dubey
- License: mit
- Created: 2021-01-14T20:11:49.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-07T19:34:45.000Z (4 months ago)
- Last Synced: 2025-04-08T15:00:31.610Z (3 months ago)
- Topics: android, boilerplates, cross-platform, ios, react-native, react-native-community, react-native-ui-templates, react-navigation, reactjs, typescript, ui-templates
- Language: TypeScript
- Homepage:
- Size: 88.5 MB
- Stars: 1,159
- Watchers: 14
- Forks: 234
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# React Native UI Templates
Free UI templates created in react-native.
## 🧬 Samples
| Project | |
| :--- | --- |
| **[> Expo Snack](https://snack.expo.io/@ashu_dubey/react-native-ui-templates)** (Not handled for web yet). | |
|
1. Hotel Booking
Shows the list of hotels nearby with their ratings and other details, filter UI and custom calendar view etc.
**[> Browse](./src/hotel_booking#readme)**
**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1576292697173766145) \| [youtube](https://youtube.com/shorts/ioFcve0rYnc)** | 
|
| 2. Design Course
A minimal UI showing list of courses related to UI design.
**[> Browse](./src/design_course#readme)**
**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1578846092694720512) \| [youtube](https://youtube.com/shorts/5G0obPHAdyc)** | 
|
| 3. Animated Onboarding
An onboarding UI flow with smooth animations, for a Mental Wellness App.
**[> Browse](./src/introduction_animation#readme)**
**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1580260456215695360) \| [youtube](https://youtube.com/shorts/AOD9FyiSR3U)** | 
|
## 💪🏼 Getting Started
This project is built on react-native CLI, so make sure you've [set up development environment](https://reactnative.dev/docs/environment-setup).
```bash
# clone the project and cd into it
git clone https://github.com/Aashu-Dubey/React-Native-UI-Templates.git
cd ./React-Native-UI-Templates
# install dependencies
yarn install
# iOS only
npx pod-install ios
# or
cd ios && pod install && cd ..
# Run iOS
npx react-native run-ios
# Run Android
npx react-native run-android
```
## 🌻 Motivation
This was initially started as my learning project and is inspired from the Flutter project [Best-Flutter-UI-Templates](https://github.com/mitesh77/Best-Flutter-UI-Templates).
## 🔗 Links
- [Original Flutter project](https://github.com/mitesh77/Best-Flutter-UI-Templates)
- [Ionic-UI-Templates](https://github.com/Aashu-Dubey/Ionic-UI-Templates): Ionic version of this project.
- [Twitter Post](https://twitter.com/aashudubey_ad/status/1484571529644212224)