React native

Multipurpose

Ui Kits

Mobile

Framework

Product category

Soft-type

Product type

Mira – React Native Template. There is a starter Template for mobile apps developers. This template is ideal for starter application for developers.

It is designed in such a way that it is as easy as possible to use the ready-made components of the starter kit in your projects. Here it is very easy to change colors, they are sewn into variables. Mira starter kit easy to change what you need. This is a very fast application no slows and lags.

This project will help speed up the development of any project on React Native, and as a result, will help reduce costs. Fully customized template. consists of variables including font, padding sizes, font sizes, colors, font-weight.


What's inside Mira – React Native Template?

         Article screen
         Registration Screen
         Log In Screen
         Forgot Password Screen
         Onboarding Screens
         Feed Screen
         Feed Channel Screen
         Calendar Screen
         Dashboard Screen
         Profile screen
         Profile Settings Screen
         Timeline Screen
         Drawer Navigation
         Stack Navigation
         List of Components
         List of constants folder
         Custom icon SVG set

If you want to spend less time and money to create mobile apps. You just have to take a look at the Mira react native starter kit. You can easily change colors, font sizes, distances between blocks and everything you need. Very convenient navigation between pages is made starter kit, you will get technical support. Our mission is to make your mobile application development easy and convenient. That you spend less time and money and get pleasure from it.


         Google fonts
         Unsplash images

Full Presentation on Behance
Package .json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject",
"test": "jest --watchAll",
"prettier": "prettier --write App.js screens/*.js components/*.js constants/*.js",
"eslint": "eslint App.js screens/*.js components/*.js navigation/*.js constants/*.js",
"eslint-fix": "eslint --fix App.js screens/*.js components/*.js navigation/*.js constants/*.js",
"test-lint": "npm run prettier &amp;&amp; npm run eslint"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@expo/samples": "~3.0.3",
"@expo/vector-icons": "^10.0.0",
"@react-navigation/web": "^1.0.0-alpha.9",
"expo": "^35.0.0",
"expo-asset": "~7.0.0",
"expo-constants": "~7.0.0",
"expo-font": "~7.0.0",
"expo-web-browser": "~7.0.1",
"react": "16.8.3",
"react-dom": "16.8.3",
"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
"react-native-app-intro-slider": "^3.0.0",
"react-native-calendars": "^1.212.0",
"react-native-elements": "^1.1.0",
"react-native-form-validation": "^1.0.5",
"react-native-gesture-handler": "~1.3.0",
"react-native-progress-circle": "^2.0.1",
"react-native-reanimated": "~1.2.0",
"react-native-safe-area-view": "^0.14.7",
"react-native-svg": "9.9.5",
"react-native-svg-uri": "^1.2.3",
"react-native-web": "^0.11.7",
"react-navigation": "^3.11.0",
"react-navigation-drawer": "^2.0.1"
},
"devDependencies": {
"babel-eslint": "^10.0.3",
"babel-preset-expo": "^7.0.0",
"eslint": "^6.3.0",
"eslint-config-airbnb": "^18.0.1",
"eslint-config-prettier": "^6.2.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-prettier": "^3.1.0",
"eslint-plugin-react": "^7.14.3",
"jest-expo": "^35.0.0",
"prettier": "^1.18.2"
},

File Structure:
.eslintrc
.gitignore
.watchmanconfig
App.js
app.json
babel.config.js
package.json
screens/
    ArticleScreen.js
    CreateAccountScreen.js
    FeedbackScreen.js
    FeedChannelScreen.js
    FeedScreen.js
    ForgotPasswordScreen.js
    IntroScreen.js
    LoginScreen.js
    ProfileCalendarScreen.js
    ProfileDashboardScreen.js
    ProfileScreen.js
    ProfileSettingsScreen.js
    ProfileTimelineScreen.js
navigation/
    AppNavigator.js
    DrawerNavigator.js
constants/
    Bootstrap.js
    Colors.js
    Layout.js
    Theme.js
components/
    __tests__/
    ButtonGroupArticle.js
    ButtonGroupIconTabs.js
    ButtonGroupTabs.js
    SmartForm.js
    StyledText.js
    TabBarIcon.js
assets/
    fonts/
        WorkSans-Black.ttf
        WorkSans-Bold.ttf
        WorkSans-ExtraBold.ttf
        WorkSans-ExtraLight.ttf
        WorkSans-Light.ttf
        WorkSans-Medium.ttf
        WorkSans-Regular.ttf
        WorkSans-SemiBold.ttf
        WorkSans-Thin.ttf
   images/
       png/
           ava.png
           ava2.png
           image1.png
           image2.png
           image3.png
           image4.png
           image5.png
           image6.png
           image7.png
           image8.png
           image9.png
           image10.jpg
        svg/
           black/
               back-arrow.svg
               bookmark.svg
               close.svg
               comment.svg
               download.svg
               grid.svg
               letter.svg
               letters.svg
               lock.svg
               menu.svg
               news.svg
               setting.svg
               stats.svg
               time.svg
               user.svg
               user-2.svg
           color/
               check.svg
               light.svg
               news.svg
               sound.svg
           gray/
               bookmark.svg
               check.svg
               comment.svg
               heart.svg
               mail.svg
               share.svg
               time.svg
               user.svg
           white/
               arrow_back.svg
               download.svg
               letter.svg
               menu.svg
               phone.svg
               pin.svg
               settings.svg
               upload.svg
       icon.png
       robot-dev.png
       robot-prod.png
       splash.png
__tests__/
    __snapshots__/
        App-test.js.snap
    App-test.js



Mira React native Multipurpose Mobile Uikit

Mira

Gals is a full React Native bootstrap template. Based on the premium React Native Bootstrap Template Screens Library.

If you’re a newbie and you want to develop React Native Application, make sure Gala template is exactly what you need. It was started especially for fast development React Native Applications for both platform iOS and Android. This application is written by React Native and JavaScript programming language. This application is ideal for Start any React Native projects that already have a website and need to make a mobile application.
About Gala – React Native Bootstrap Template
This template uses all the basic principles of bootstrap, colors in the variables, columns, indents, fields, and everything that you love so much when you create sites on bootstrap. In one application, everything that you lack was collected to quickly make applications in one place.

Pages included.

20 Premade Layouts Screens
Login and Social login
Product grid &amp; Carousel, Product list
Banner Promotions

Customer Reviews
Support RTL
Blog LastestDetail Blog
Coupon Code

Splash Screen
Make Multiple templates
Other Pages

About us

Helpful links

Expo repo for demo
E-commerce app template

Files Included
Layered PNG, JavaScript JS, JavaScript JSON, XML, .h, .m, .java, .xml
Compatible with Software Versions
iOS 12, iOS 11, iOS 10.0.x, iOS 9.0.x, Android 9.0, Android 8.1, Android 8.0, Android 7.1.x, Android 6.0, Android 5.1.x, Android 4.1.x
How to start with template:

Documentation &amp; First Steps

Dependencies inside package
"@expo/samples": "~3.0.3",
"@expo/vector-icons": "^10.0.0",
"@react-navigation/web": "^1.0.0-alpha.9",
"expo": "^38.0.0",
"expo-asset": "~8.1.7",
"expo-constants": "~9.1.1",
"expo-font": "~8.2.1",
"expo-web-browser": "~8.3.1",
"react": "16.11.0",
"react-dom": "16.11.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
"react-native-app-intro-slider": "^3.0.0",
"react-native-calendars": "^1.343.0",
"react-native-elements": "^1.1.0",
"react-native-form-validation": "^1.0.5",
"react-native-gesture-handler": "~1.6.0",
"react-native-progress-circle": "^2.1.0",
"react-native-reanimated": "~1.9.0",
"react-native-safe-area-context": "~3.0.7",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~2.9.0",
"react-native-svg": "12.1.0",
"react-native-svg-uri": "^1.2.3",
"react-native-web": "~0.11.7",
"react-navigation": "^4.4.0",
"react-navigation-drawer": "^1.4.0",
"react-navigation-stack": "^1.7.3",
"react-navigation-tabs": "^1.2.0"

Create much more with 2 React Native multipurpose uikits

Mira

Gala