
React Native Paper
A React Native UI kit of Material Design components for Android and iOS apps.
- Stars
- 14.5k
- Forks
- 2.3k
- Licence
- MIT
- Language
- TypeScript
- Last update
- 4 days ago
- Type
- Library
What it is
React Native Paper is a UI kit library for React Native that provides a set of customizable components following Google's Material Design guidelines. It helps developers build mobile apps that look consistent on both Android and iOS without designing every button and form control from scratch. It also supports theming so the look can be adjusted to match an app's brand.
- Build a mobile app screen with Material-styled buttons, cards, and forms
- Apply a custom theme to match a company's brand colors and fonts
- Create an app that looks native-consistent on both Android and iOS
- Use the official Material Design Figma or Sketch kits alongside the components when designing
Great for
- React Native developers who want ready-made Material Design components
- Teams building iOS and Android apps with a shared codebase
- Developers who want theming control over colors and styles
- Projects that need components which adapt to each platform's conventions
Not ideal for
- Developers who are not using React Native, since this library is built specifically for it
- Teams that need a non-Material visual style without heavy customization, because the defaults follow Material Design
- Non-developers looking for a no-code tool
How to get it
- 1
Install with a package manager
You'll need: React Native project
Clone the repository
git clone https://github.com/callstack/react-native-paper - 2
Run it
- Follow the getting started guide at callstack.github.io/react-native-paper/docs/guides/getting-started
- Run the example app with Expo via the linked Snack project
- Browse the component documentation and copy a component into your app
- 3
Get the most out of it
- Use the theming guide to customize colors and styles
- Browse the example folder in the repository for usage patterns
- Use the official Material Design Figma or Sketch kits to design matching screens
Downloads
Strengths
- Components follow Material Design guidelines by default
- Works on both iOS and Android and follows platform adaptation guidelines
- Includes theming support and is MIT licensed
Trade-offs
- Focused on Material Design, so it is less suited to apps wanting a different visual language
- Installation and setup details are in the external documentation rather than the README shown here
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| react-native-paper (this) | 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 |
| react-native-elements | 25.9k | Library | intermediate | 6 months ago | React Native developers who want ready-made UI components |
| 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-web | 22.2k | Library | intermediate | 4 days ago | Developers who already use React Native and want the same components on the web |
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.