❤️ Creative Tim Club - Access all our Present & Future Premium Products

Premium React Native App Template with Material Design

Product description


Material Kit React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful mobile applications. We have redesigned all the usual components in Galio to make it look like Google's material design, minimalistic and easy to use.

Start your development with a badass material UI Kit for React Native inspired by Material Design. If you like Google's Material Design, you will love this react native kit! It features a huge number of components and screens built to fit together and look amazing.

FULLY CODED COMPONENTS

Material Kit React Native features over 200 variations of components like buttons, inputs, cards, navigations etc, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify inside our theme file.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. We wanted the design process to be seamless, so switching from image to the real page is very easy to do.

Components & Cards
Material Kit React Native comes packed with a large number of components and cards. Putting together a mobile app has never been easier than matching together different components. From the profile screen to the settings screen, you can easily customise and build your screens. We have created multiple options for you to put together and customise into pixel perfect screens.

View all components/cards here.

Example Screens
If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example screens. From onboarding screens to profile or discover screens, you will be able to quickly set up the basic structure for your React Native mobile project.
View all screens here

Documentation

All components come with their own description and examples of how to use them. Please check the full documentation here.

Resources and credits
Material Kit React Native is using a lot of Open Source libraries and development tools so we want to thank you to their respective owners for the great work that they did.

Product certified by: Creative Tim
Material Kit React Native - Sketch Files for Professional Designers
Material Kit React Native - Adobe XD Files for Professional Designers
Material Kit React Native - React Native - JavaScript library for building mobile interfaces
Downloads
41,893
Version
1.10.0
Changelog
Updated
8 months ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
200
Customized Plugins
5
Example Pages
5
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Kit PRO React Native. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 200 200
Plugins 5 5
Examples Pages 5 23
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

30 Web Developers commented on this product

kat9allb3liahh
  • downloaded
4 years ago

Hello, how to run the product on my pc? Can you guide us through the steps please? I need help to run it !!!

alinpgheorghe
  • downloaded

Hi @kat9allb3liahh ! Thank you for your interest in our product! There is a 'How to install' section in our docs which you can find here: https://demos.creative-tim.com/material-kit-react-native/docs/#/install . Thanks, Alin!
4 years ago

r2016
  • downloaded
4 years ago

https://github.com/creativetimofficial/material-kit-react-native/issues/3

kat9allb3liahh
  • downloaded
4 years ago

Hello, can I connect this template react native with my local server mysql with xampp myphpadmin ??

alinpgheorghe
  • downloaded

Hi @kat9allb3liahh ! Thank you for your interest in our products! I haven't tried connecting it through xampp but I'm pretty sure it should work based on the research I've done. You should try and experiment with it. Thanks, Alin!
4 years ago

habybfernandes
  • downloaded
4 years ago

How do I use it without Expo? I’d like a regular React Native project.

alinpgheorghe
  • downloaded

Hi @habybfernandes ! Thank you for your interest in our products! You need to eject Expo. You can find more about this here: https://docs.expo.io/versions/latest/expokit/eject/ . Cheers, Alin!
4 years ago

sssteve
  • downloaded
4 years ago

Hi, do you have any template with function component not class components?

alinpgheorghe
  • downloaded

Hi @sssteve ! Thank you for being interested in our products! We don't have any version written with functional components but if this comes up as a request from more people, we could definitely try and use functional components more often through our app. Thanks, Alin!
4 years ago

lucaugugnoli
  • downloaded

I need functional components too. Have you started migrating your components?
8 months ago

lucaugugnoli
  • downloaded

@alinpgheorghe
8 months ago

kumbirair
  • downloaded
4 years ago

do you have Typescript support?

kumbirair
  • downloaded

Okay I see, Typescript is now officially supported by Expo. Since Typescript, is proving to be an important asset, do you have plans to provide Typescript equivalence
4 years ago

alinpgheorghe
  • downloaded

Hi! Thank you for being interested in our products! We haven't used TypeScript for this product but as far as I know TypeScript is supported by React Native so you could always download and play around with this app. Thanks, Alin!
4 years ago

alinpgheorghe
  • downloaded

Hi @kumbirair ! We do not have any plans regarding already-built Typescript apps right now but things could change in the future. Thanks, Alin
4 years ago

cleitonasta
  • downloaded
2 years ago

It doesnt work here. Do you guys have any kind of tutorial how to use this kit? I just tried to copy the files inside my project, but a bunch errors appeared when I tried to download the required dependencies, such as masked view, galio-framework as well as others. Waiting for support :)

saadamay
  • downloaded
2 years ago

Hi! I just downloaded a demo version of this template. But I am facing a lot of issue in order to just run the app. and its because the SDK's and dependencies this code uses are very old. I wanted to ask if there is an updated version of this code? Thanks,

muhanadesign
  • downloaded
1 year ago

Hola buenos dias una consulta por favor, quiero adquirir el premium pero primero necesito mostrarle a mi cliente e free, sigo todos los pasos de la instalación q sale en la documentación y me sale error cuando instalo npm: ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: @react-navigation/[email protected] npm ERR! node_modules/@react-navigation/native npm ERR! @react-navigation/native@"^6.0.10" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected] npm ERR! node_modules/@react-navigation/compat npm ERR! @react-navigation/compat@"^5.1.25" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

dada_b8
  • downloaded
1 year ago

My developer found this template very useful when we kicked off our new project

You have to be logged in to post a comment. Login here.