The missing piece of React Native
Get on the mobile fast track with NativeBase, the fastest-growing platform and tool set for iOS and Android development. Get an introduction to NativeBase and work through an instance application that highlights React Native programming techniques.
- What is NativeBase?
- Testimonials
- Why NativeBase?
- Magic of NativeBase
- Release Notes
- Get Started
- Components
- Native Starter Kit
- Featured Apps
- Quick Links to NativeBase
- Documentation
- Website
NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.
The applications stack of components is built using native UI components and because of that, there are no compromises with the User Experience of the applications. NativeBase is targeted specially on the look and feel, and UI interplay of your app. NativeBase without a doubt fits in well with mobile applications which cuts down one huge part of your app - The Front end.
What is really great is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box. You do not need to use wrappers or do any other actions. The new additions to the native platform are available immediately. NativeBase provides amazing support for adding components, so that you will by no means hit a lifeless stop. Read More. . .
One import statement, and you get all NativeBase components.
import { list of Components } from 'native-base';
Some quotes from users of NativeBase
Recommended by 
If you're looking to get started with React Native + CodePush, and are looking for an awesome starter kit, you should check out Native Starter Pro - Microsoft's react-native-code-push repo
Recommended by Awesome React Native
NativeBase added into the list of Frameworks of Awesome React Native.
moosawi
Best framework for React Native.
vitalets
Thanks for such useful library.
robtweed
The components look great, and I'd love to use them.
chromakey
Thanks for a great library. I appreciate the quick fix!
webinspired
Ran thru the demo.... it was amazing...
mrphu3074
NativeBase is rapid my prototype, I really love it.
michshat
This framework looks really good - Thank you!
Nickman87
I'm trying out your nativeBase package as it looks like it can simplify a lot of my views.
RezaRahmati
Great library.
Do you still have a question Why NativeBase?
If yes then go ahead and watch this magic.
[](http://nativebase.io/docs/v0.2.1/assets/img/magic-with-nativebase-020.mp4)Click to watch the magic
System Requirements
Installation
To have NativeBase components running onto your native apps, all you need to do is create a fresh React Native project and install the NativeBase command line tools.
react-native init AwesomeNativeBase
cd AwesomeNativeBase
npm install
Include NativeBase into your React Native project.
npm install native-base --save
Now you are ready to get going with NativeBase. Read More. . .
NativeBase is made from effective building blocks referred to as components. The Components are constructed in pure React Native platform along with some JavaScript functionality with rich set of customisable properties. These components allow you to quickly build the perfect interface.
The most awaited feature, platform precise components with single codebase is now available with version 0.5.0 of NativeBase. Along with this, there comes in addition of set of Fonts to be readily integrated with your apps. Read More. . .
A simple starter project for React Native + NativeBase + Redux + CodePush + React Native Navigator apps on iOS and Android.
No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.
This is a starter kit that you can install on the fly to get the basic plumping of React Native with NativeBase, Redux and CodePush.
Having tried with the free version, Native Starter Kit and appreciate our product?
Get on the mobile fast track with the featured apps of NativeBase, to build high-quality iOS and Android mobile apps.
Based on React Native and NativeBase, Native Starter Pro, Ecommerce Starter, Flat App Theme are beautifully designed with fusion of Redux and ES6, responsive iOS and Android app source code to quickly get started on your next project.
Native Starter Pro is best suited for developing apps that makes use of ready-made tools. The theme has several widget areas that allows you to extend your theme functionality with plugins.
Native Starter Pro includes following ready-to-use and highly customizable components :
- UI Elements: Button with various shapes and themes, Textbox, Form Elements, List, Full fledged collection of Icons
- Custom Elements: Header, Footer, Drawer, Spinner, ProgressBar, Modal, Ready to use Email Template, Interactive design of Calendar with fast swiping feature, Scroll between the tabs, Responsive Navigator, Chat Messenger
- Ready to use screens
- Easy theme customization
- Read More
Quick links to Native Starter Pro
- Native Starter Pro Features
- Native Starter Pro Components
- Native Starter Pro's App Generator
- Native Starter Pro Releases
Ecommerce Starter, a perfect starter kit for e-commerce apps. Readily available pages along with rich collection of UI elements.
Ready to use screens:
- SignUp/Login
- Tabs
- Fluid grid layout to advertise various brands for your products
- List-view and grid-view of product advertisements
- Product details in your cart
- Read More
Quick links to Ecommerce Starter
Flat App is basically a style of interface design emphasizing minimum use of stylistic elements, typography and flat colors.
Ready to use screens:
- UI Elements: Button with various shapes and themes, Textbox, Form Elements, List, Full fledged collection of Icons
- Custom Elements: Header, Footer, Drawer, Spinner, ProgressBar, Modal, Ready to use Email Template, Interactive design of Calendar with fast swiping feature, Scroll between the tabs, Responsive Navigator, Chat Messenger
- Ready to use screens: Channels, Stories, Comments, Carousel, etc
- Easy theme customization
- Read More
Quick links to Flat App Theme
Go through NativeBase Docs to play with NativeBase.