react-native-paper
Material Design for React Native (Android & iOS)
Ready-made Material Design UI components for React Native, drop in buttons, cards, dialogs, and more for iOS and Android with full theming and dark mode support.
React Native Paper is an open-source library of user interface components for building mobile apps using React Native. React Native is a framework that lets you write one codebase in JavaScript or TypeScript and run it on both iOS and Android. React Native Paper adds a ready-made set of visual components, such as buttons, cards, dialogs, navigation bars, and form inputs, all styled according to Material Design, which is Google's system of guidelines for creating consistent, visually coherent app interfaces.
The value of a component library like this is that developers do not have to design and build common UI elements from scratch for every app. Instead, they import components from the library, configure them with options, and drop them into their layouts. Because Paper follows Material Design, the resulting apps look polished and familiar to users who are accustomed to Android and Google apps, while also adapting appropriately for iOS.
The library includes full theming support, meaning you can adjust colors, typography, and other visual properties across your entire app by changing a central theme configuration. Components adapt to both light and dark modes. The library is described as production-ready, meaning it has been used in real apps and is maintained to a level of stability suitable for shipping to users.
React Native Paper is maintained by Callstack, a consulting and development company specializing in React and React Native. The project is free to use under the MIT license. Demo apps showing the components in action are available in both the Google Play Store and the Apple App Store, and an interactive Expo-based example can be tested directly in a browser without setting up a development environment.
Where it fits
- Add Material Design buttons, cards, and dialogs to a React Native app without designing them from scratch.
- Switch your entire app between light and dark modes by changing a single theme configuration object.
- Build a cross-platform mobile app for iOS and Android with a consistent, polished visual style out of the box.
- Prototype a mobile app UI quickly using pre-built, production-tested components without custom styling.