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'/>)

Expo demoSee in action, play a live demo published on Expo

Use android phone to scan the QR code with your
Expo Go app to preview the example.

VS Code ExtensionSnippets extension with previews & auto import

CommunityWe are a community of developers who love React Native.