Cross Platform React Native UI Toolkit
A React Native framework for making cross platform applications
How to get started?
1. Install the React Native Elements package from the NPM
$ npm install react-native-elements2. Import the component and use it in your project
import React from 'react'; import { Button } from 'react-native-elements'; const AwesomeButton = () => (<Button title='Welcome'/>)
Why React Native Elements?
React Native Elements is an implementation of the Material Design System. The framework contains a set of general-purpose UI components styled in a similar way. The most awesome thing about is that the themes can be changed in the runtime without reloading the application. This way, you may easily focus on business logic, while we take care of the visual appearance of your product.
Cross-Platform
Consistent design across android, iOS, and web. 30+ components designed to save development time.
Easy to use
Built completely in TypeScript. Starting your react native app has never been easier. Supports Expo too!
Customizable
Easily style any of our components just the way you want.
Community-Driven
100% built by the community. We're here because we love open source.
The Demo App
To see React Native Elements in action, play a live demo published on Expo Go or run it by cloning the GitHub repo.
Run on Expo GoView on GithubVS Code Extension
Auto-complete snippets extension with component preview & auto import.
Install from marketplaceOpen Collective
Built with passion, backed by the community
Open Collective is an initiative that allows community members an easy and transparent way to donate to open source projects.
Sponsors
Become a sponsor and get your logo on our README on GitHub with a link to your site.Become a sponsor