Material Kit React Native is an open-source, fully coded app template from Creative Tim that provides Material Design-styled React Native components and pre-built screens for building e-commerce mobile applications with Galio, React Native, and Expo.
What is Material Kit React Native?
Material Kit React Native is a fully coded app template built over Galio.io, React Native, and Expo. It takes a set of UI components and example screens as its starting point and produces a runnable iOS and Android mobile app codebase. The template is created and maintained by Creative Tim, distributed under the MIT license, and available for free download from the Creative Tim website.
Key Features
- 200+ component variations — buttons, inputs, cards, navigations, and more are implemented and ready to combine, all adjustable through a central theme file.
- Material Design aesthetic — Galio components are redesigned to match Google's Material Design, giving a clean, minimal look out of the box.
- Pre-built example screens — the
screens/directory includes Home, Profile, Chat, Product, Onboarding, Settings, and Components screens for quick prototyping. - Expo-ready setup — the project runs directly in the Expo simulator for iOS or on a physical Android device, with configuration files like
app.jsonandbabel.config.jsincluded. - Modular file structure — code is organized into
components/,constants/,navigation/, andscreens/, so developers can locate and edit specific parts easily. - Cross-platform availability — the same Material Kit design has versions for HTML, React, Vue, Figma, and WordPress, allowing consistent branding across web and mobile.
Who is it for?
- React Native developers — who want to skip component styling and start with a cohesive Material Design UI kit when building a new app.
- Mobile app agencies — that need to present example screens such as onboarding, profile, chat, and product to clients before writing custom code.
- Indie app builders — who use Expo for cross-platform development and want a free starting point with a professional look.
What can you do with it?
- E-commerce app development: combine product cards, chat screens, and profile views from the provided components to assemble a storefront-style app.
- Client demonstrations: load the pre-built example screens on a device or simulator to show a Material Design user flow in real time.
- Custom theming: modify colors and component styles in
constants/Theme.jsto match a brand identity without touching each component individually.
How does it work?
You download or clone the repository, open it in a React Native environment with Expo, and launch it in the iOS simulator or on an Android device. From there, you edit the existing code in screens/ and components/ and use the documentation at demos.creative-tim.com to guide installation and customization.
Pricing
The base template is free and open-source under the MIT license. Creative Tim also sells a PRO version called material-kit-pro-react-native, which offers additional features; the README does not list a specific price for the PRO tier.
FAQ
Is Material Kit React Native free?
Yes, the source code is free to download and use under the MIT license, meaning you can incorporate it into personal and commercial projects without per-project fees. The PRO version, if you need extra components and screens, is a paid product sold by Creative Tim.
What does Material Kit React Native include?
It includes over 200 component variations, pre-built screens for Home, Profile, Chat, Product, Onboarding, and Settings, a theme file for color customization, and a file structure with separate folders for components, constants, navigation, and screens.
Which technologies does it use?
The template is built on React Native, Galio.io, and Expo. This combination lets it run on both iOS and Android, and you can test it using the Expo simulator without setting up native toolchains.
Can I use it for a commercial app?
Yes, the MIT license permits commercial use of the base template. If you want the extended features in the PRO version, you'll need to purchase that separately from Creative Tim.
