Cross Platform
React Native UI toolkit

Why React Native Elements?

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

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

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

100% built by the community. We're here because we love open source.

1. Install the React Native Elements package from the NPM

npm install @rneui/base @rneui/themed

2. Import the component and use it in your project

import React from 'react';
import { Button } from '@rneui/base';

const AwesomeButton = () => (<Button title='Welcome'/>)

See in action, play a live demo published on Expo

Snippets extension with previews & auto import

We are a community of developers who love React Native.

expo init my-app --template @rneui/template