Awesome
React Native UI Templates
Free UI templates created in react-native.
<p align="center"> <img alt="How to create project specific local plugin | Ionic 6 | Capacitor" src="https://repository-images.githubusercontent.com/329723227/62ff9135-2763-4fba-ae7f-0b1eefa0ea56" height="200px"> </p>🧬 Samples
Project | |
---|---|
> Expo Snack (Not handled for web yet). | |
<h3>1. Hotel Booking</h3>Shows the list of hotels nearby with their ratings and other details, filter UI and custom calendar view etc.<br><br>> Browse<br>> Demo: twitter | youtube | <a href="./src/hotel_booking#readme" title="Hotel Booking"><img alt="Hotel Booking Preview" src="./src/assets/hotel/hotel_booking.png" width="320"></a> |
<h3>2. Design Course</h3>A minimal UI showing list of courses related to UI design.<br><br>> Browse<br>> Demo: twitter | youtube | <a href="./src/design_course#readme" title="Design Course"><img alt="Design Course Preview" src="./src/assets/design_course/design_course.png" width="320"></a> |
<h3>3. Animated Onboarding</h3>An onboarding UI flow with smooth animations, for a Mental Wellness App.<br><br>> Browse<br>> Demo: twitter | youtube | <a href="./src/introduction_animation#readme" title="Animated Onboarding"><img alt="Animated Onboarding Preview" src="./src/assets/introduction_animation/introduction_animation.png" width="320"></a> |
💪🏼 Getting Started
This project is built on react-native CLI, so make sure you've set up development environment.
# 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.
🔗 Links
- Original Flutter project
- Ionic-UI-Templates: Ionic version of this project.
- Twitter Post