Best react native templates 2020.
Tags: reactnative, react, mobile, ios
Published: 2020-09-17 16:45:41

To simplify the creation of a react native application, you can use ready-made paid and free react-native components and templates.   In this article, I collect templates by different topics: E-commerce, UI/UX components, Starter kits, Listings, Travel, Blogs, etc..

So I just put together 16 best react native templates and here it is:

<a href="https://code.market/product/react-native-hotel-booking-kit-for-ios-and-android/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>1. Holistic – React Native Hotel Booking template for iOS and Android</h2></a>

<img src="https://cdn.statically.io/img/code.market/wp-content/uploads/2020/08/Holistic-Presentation.png?quality=100&f=auto" alt="Holistic – React Native Hotel Booking template for iOS and Android">

Fresh, fast, smart UI/UX template for hotel and apartment booking. Ready-made registration screens, with a choice of user role and field validation. There are also filtering screens, articles, profile, testimonials, and more than 30 screens and states. This template has no backend. 

List of benefits:

* Smart UI/UX for travel/booking topics
* Calendar entry
* Payment screen with validation of bank card fields
* Feedback functionality
* Rich hotel card
* Built-in map with hotel location
* a Large number of UI components
* Easy to customize the application (colors, fonts, distance)
* Decomposed components in the code structure
* Clean codebase
* Configured autotests
* Latest Version EXPO 38
* Smooth animations

<a class="crayons-btn" href="https://code.market/product/react-native-hotel-booking-kit-for-ios-and-android/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Holistic Template</a>

<a href="https://code.market/product/gala-react-native-bootstrap-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>2. Gala – React Native Bootstrap Template</h2></a><img src="https://cdn.statically.io/img/code.market/wp-content/uploads/2019/09/Gala-Presentation.jpg?quality=100&f=auto" alt="Gala – React Native Bootstrap Template">

New UI starter kit with attractive designs and fully customized colors, sizes, gutters, columns, and fonts. Just change variables in one configuration file and you get a new app.
The code used by the application is clean and written according to the basic methodologies and principles of the twitter bootstrap framework. Every component has a list of objects with style properties. Super easy to customize and create new screens and components.

* Clean code, based on tweeter's bootstrap principles
* Fully customizable design (colors, sizes, padding, columns, layout)
* Built-in active calendar
* Classic Navigation
* Onboarding, Login, Article, Blog, News, Category, Timeline, etc. screens
* All parameters are declared through variables

<a class="crayons-btn" href="https://code.market/product/gala-react-native-bootstrap-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Gala Template</a>

<a href="https://code.market/product/airmart-ecommerce-app-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>3. Airmart – React Native E-commerce Template</h2></a><img src="https://cdn.statically.io/img/code.market/wp-content/uploads/2019/09/Airmart-Presentation.png?quality=100&f=auto" alt="Airmart – React Native E-commerce Template">

Front end e-commerce template, with smart user flow, with all the necessary screens. Category, product, tags, comments, rating, cart, checkout, delivery, choice of size, and color - everything is included. All you need is to connect your backend.

* Smart user-flow
* Clean layout
* All necessary screens for E-commerce (30+)
* Suitable for any e-commerce topic (clothes, furniture, etc...)
* Made according to usability guides
* Ready to connect back-end

<a class="crayons-btn" href="https://code.market/product/airmart-ecommerce-app-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Airmart Template</a>


<a href="https://code.market/product/mira-react-native-template-starter-kit/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>4. Mira – React Native Template & starter kit</h2></a><img src="https://cdn.statically.io/img/code.market/wp-content/uploads/2019/03/Mira-Presentation-1.png?quality=100&f=auto" alt="Mira – React Native Template & starter kit">

Another starter UI kit, simple and convenient. All the classics, login, navigation, article, category, charts, news, lists. Written using the twitter bootstrap methodology. It is the perfect solution for starting your app.

* Clean code and architecture
* Full customization (colors, sizes, distances)
* Easy to modify and create new screens
* Fast and fresh
* All parameters are declared through variables

<a class="crayons-btn" href="https://code.market/product/mira-react-native-template-starter-kit/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Mira Template</a>


<a href="https://code.market/product/mstore-pro-complete-react-native-template-for-e-commerce/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>5. MStore Pro – Complete React Native template for e-commerce</h2></a><img src="https://cdn.statically.io/img/code.market/wp-content/uploads/2020/07/1595303386_MStore-Pro-Complete-React-Native-template-for-e-commerce.jpg?quality=100&f=auto" alt="Mstore Expo – Complete React Native template for WooCommerce">


If you want to create an app for your WordPress online shop, try this E-commerce template, WooCommerce compatible. About 30 screens are required for a modern online store. Push notifications available. 

* Multilingual
* Push notification (one signal)
* Compatible with WooCommers
* Dark/light mode

<a class="crayons-btn" href="https://code.market/product/mstore-pro-complete-react-native-template-for-e-commerce/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View MStore Template</a>

<a href="https://code.market/product/food-delivery-react-native-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>6. Food Delivery – React Native Template</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Food-Delivery-React-Native-Template.png" alt="Food Delivery – React Native Template">

Food delivery template, 50 screens with different variations. Easy to customize. Perfect template if you are going to make a food delivery application

* Several variations of standard screens
* 50+ screenshots
* Many reusable components (Buttons, Cards, Credit Card, etc…)

<a class="crayons-btn" href="https://code.market/product/food-delivery-react-native-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Food Delivery Template</a>

<a href="https://code.market/product/b-commerce-react-native-ui-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>7. B Commerce – React Native UI Template</h2></a><img src="https://code.market/wp-content/uploads/2020/07/B-Commerce-React-Native-UI-Template.jpg" alt="B Commerce – React Native UI Template">

Simple and light eCommerce UI kit. Only 10 screens and 30 components, no additional libraries. Perfect for the MVP of your product.

Features:
* Based On React Native
* No Additional Plugins
* Based on React Navigation
* Simple and lightweight
* Animations
* Easy Copy & Paste

<a class="crayons-btn" href="https://code.market/product/b-commerce-react-native-ui-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Food Delivery Template</a>


<a href="https://code.market/product/food-delivery-reactnative-foodtiger/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>8. Food Delivery ReactNative – FoodTiger
</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Food-Delivery-ReactNative-FoodTiger.jpg" alt="Food Delivery ReactNative – FoodTiger">

Another food delivery template. Simply understandable there is an application for both the customer and the driver. Also with this template, you need to buy the admin panel written in PHP laravel (Not included in this purchase)

Features:
* Order tracking (Live) 
* Push notification  (OneSignal)
* Payments (Stripe)
* iPhone and Android app – 2 in one source code – React Native

<a class="crayons-btn" href="https://code.market/product/food-delivery-reactnative-foodtiger/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View FoodTiger Template</a>

<a href="https://code.market/product/material-design-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>9. Material Design React Native</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Material-Design-React-Native.jpg" alt="Material Design React Native">

More than 230 view screens ready for use. It could be able to satisfy all of the business requirements including e-commerce, dashboard, etc...
* Easy to reuse and customize
* Popular material library
* Good Performance 
* E-commerce, Profile, Food, Navigation Screens

<a class="crayons-btn" href="https://code.market/product/material-design-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Material Design Template</a>

<a href="https://code.market/product/reactxs-uikit-for-material-design-2-0-by-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>10. ReactXS – UIKit for Material Design 2.0 by React Native</h2></a><img src="https://code.market/wp-content/uploads/2020/07/1595313886_ReactXS-UIKit-for-Material-Design-20-by-React-Native.png" alt="ReactXS – UIKit for Material Design 2.0 by React Native">

Another react native template which builds with Material 
* Design Guide. 
* Theme Provider
* Dark and light mode
* Clean code
* Good Performance
* Card, List, Tab, Profile, Gallery Views

<a class="crayons-btn" href="https://code.market/product/reactxs-uikit-for-material-design-2-0-by-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View ReactXS Template</a>

<a href="https://code.market/product/mazi-news-magazine-for-react-native-mobile-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>11. Mazi – News & Magazine for React Native mobile template</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Mazi-News-Magazine-for-React-Native-mobile-template.png" alt="Mazi – News & Magazine for React Native mobile template">

Simple and functional app template for news blogs or magazines with more than 30 screens.

* Dark and light mode
* Multiple colors
* Multi-Language
* RTL support
* Multiple font styles

<a class="crayons-btn" href="https://code.market/product/mazi-news-magazine-for-react-native-mobile-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Mazi Template</a>

<a href="https://code.market/product/sixpack-complete-react-native-fitness-app-backend/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>12. SixPack – Complete React Native Fitness App + Backend</h2></a><img src="https://code.market/wp-content/uploads/2020/07/SixPack-Complete-React-Native-Fitness-App-Backend.jpg" alt="SixPack – Complete React Native Fitness App + Backend">

Complete beautiful fitness app with idea to provide developers with an easy and practical way to make their apps work with PHP backend.

* Admin panel
* 25 + screens
* AdMob integrated
* Firebase auth 
* Easy to customize
* Back-end

<a class="crayons-btn" href="https://code.market/product/sixpack-complete-react-native-fitness-app-backend/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View SixPack Template</a>

<a href="https://code.market/product/uber-nextgen-react-native-ui-kit-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>13. Uber NextGen React Native UI Kit Template</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Uber-NextGen-React-Native-UI-Kit-Template.png" alt="SUber NextGen React Native UI Kit Template">

If you need a UI/UX front-end for your taxi app, just use this uber clone. More than 30 screens with smart user-flow. Just save your time by developing a taxi app UI.

* Clean UI
* Map integrated
* Only front-end

<a class="crayons-btn" href="https://code.market/product/uber-nextgen-react-native-ui-kit-template/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Uber Template</a>

<a href="https://code.market/product/shopping-cart-template-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>14. Shopping Cart Template | React Native</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Shopping-Cart-Template-React-Native.png" alt="SUber NextGen React Native UI Kit Template">

About 30  E-commerce screens with clean and useful UI components.

* Features
* Welcome and login
* Home shop
* Search product
* Checkout cart
* Filter product
* Product detail/rate
* Setting Account

<a class="crayons-btn" href="https://code.market/product/shopping-cart-template-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Shopping Template</a>

<a href="https://code.market/product/antiqueruby-react-native-material-design-ui-components/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>15. Antiqueruby React Native Material Design UI Components</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Antiqueruby-React-Native-Material-Design-UI-Components.jpg" alt="Antiqueruby React Native Material Design UI Components">

It is a big pack of screens. 16 kinds of UI/UX like Crypto, Hotel, WooCommerce, E-commerce, Food, Dating,  Music, AdMob, Social, Walkthrough, Profiles, Vehicle apps.

* Over 260 screens
* RTL support
* Ecommerce Ready Screens
* Music Ready Screens
* Navigation Drawers
* SignUp
* SignIn
* Social
* Walkthrough
* AdMob

<a class="crayons-btn" href="https://code.market/product/antiqueruby-react-native-material-design-ui-components/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Shopping Template</a>

<a href="https://code.market/product/dentist-medical-mobile-app-template-with-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo"><h2>16. Dentist & Medical Mobile App Template With React Native</h2></a><img src="https://code.market/wp-content/uploads/2020/07/Antiqueruby-React-Native-Material-Design-UI-Components.jpg" alt="Antiqueruby React Native Material Design UI Components"> 

Simple medical app template with booking functionality. More than UI 15 screens with an active calendar.

* 15+ screens
* Active Calendar
* Expo 
* Dashboard screen

<a class="crayons-btn" href="https://code.market/product/dentist-medical-mobile-app-template-with-react-native/?utm_source=devto&utm_medium=link&utm_campaign=article_pablo">View Shopping Template</a>

Thank you for reading, buddy.
Leave your feedback in the comments below!