React-Native-UI-Templates
# 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](https://snack.expo.io/@ashu_dubey/react-native-ui-templates)** (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](./src/hotel_booking#readme)**<br>**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1576292697173766145) \| [youtube](https://youtube.com/shorts/ioFcve0rYnc)** | <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](./src/design_course#readme)**<br>**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1578846092694720512) \| [youtube](https://youtube.com/shorts/5G0obPHAdyc)** | <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](./src/introduction_animation#readme)**<br>**> Demo: [twitter](https://twitter.com/aashudubey_ad/status/1580260456215695360) \| [youtube](https://youtube.com/shorts/AOD9FyiSR3U)** | <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](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)