Home

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