Skip to main content

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-elements

2. 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.

Image alt text


Consistent design across android, iOS, and web. 30+ components designed to save development time.

Image alt text

Easy to use

Built completely in TypeScript. Starting your react native app has never been easier. Supports Expo too!

Image alt text


Easily style any of our components just the way you want.

Image alt text


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 Github

VS Code Extension

Auto-complete snippets extension with component preview & auto import.

Install from marketplace

Open 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.


Support us with a monthly donation and help us continue our activities.


Become a sponsor and get your logo on our README on GitHub with a link to your site.Become a sponsor