React Native Elements
A library of ready-made UI components for building React Native apps on iOS, Android and web.
- Stars
- 25.9k
- Forks
- 4.7k
- Licence
- MIT
- Language
- MDX
- Last update
- 6 months ago
- Type
- Library
What it is
React Native Elements is a set of pre-built user interface components, such as buttons, that developers can drop into apps written with React Native. It is meant to help teams build iOS and Android apps with a consistent look without designing every control from scratch. The README also says the components can be used on the web through React Native for Web.
- Add a styled Button component to a React Native screen
- Build an app that runs on iOS, Android and the web from one codebase, following the linked React Native Web guide
- Browse the Expo demo app to see components in use
- Install the VS Code extension to speed up writing components
Great for
- React Native developers who want ready-made UI components
- Teams sharing one codebase across mobile and React web apps
- Developers prototyping a mobile interface quickly
- Developers who want to use the Expo demo app as a reference for component usage
Not ideal for
- People who do not write React or JavaScript code, since it is a developer library
- Projects that need a fully custom design system, because the README does not describe theming depth beyond the packages it names
- Developers needing web support without React Native for Web, since the README links that setup as a separate walkthrough
How to get it
- 1
Install with a package manager
You'll need: Node.js · React Native project set up (see the linked installation docs)
Install the core packages
npm install @rneui/themed @rneui/base - 2
Run it
- Follow the installation instructions at reactnativeelements.com/docs/installation
- Import a component, for example: import { Button } from '@rneui/base';
- Render it in your app: const App = () => <Button title="Hello World!" />;
- Or try it online on Snack before installing locally
- 3
Get the most out of it
- Try the official Expo demo app to see every component in action
- Read the React Native Web walkthrough to share code with a web app
- Install the VS Code extension for faster development
- Use the Discord community or Discussions for questions
Downloads
Strengths
- Maintained with a public docs site, Discord, and active release history (v5.0.0 listed as latest)
- Open source under the MIT license, which allows free commercial use
- Supports cross-platform use and web sharing as described in the README
Trade-offs
- The README is truncated and gives few concrete details about the component list or theming options
- Requires knowledge of React Native, so it is not beginner-friendly for non-programmers
- Web support depends on an additional setup described outside the README
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| react-native-elements (this) | 25.9k | Library | intermediate | 6 months ago | React Native developers who want ready-made UI components |
| react-native-paper | 14.5k | Library | intermediate | 4 days ago | React Native developers who want ready-made Material Design components |
| NativeBase | 20.4k | Library | intermediate | 9 months ago | Teams maintaining an existing app already built on NativeBase |
| tamagui | 14.3k | Library | intermediate | 4 days ago | Teams building the same app for web and native with React |
| react-native-ui-kitten | 10.7k | Library | intermediate | 1 months ago | React Native developers who want a complete set of standard UI controls |
| react-native-calendars | 10.3k | Library | beginner | 20 days ago | React Native developers who need a calendar or date picker screen |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.