Material design for React Native.
reactnativepaper.com

--- [![Greenkeeper badge](https://badges.greenkeeper.io/callstack/react-native-paper.svg)](https://greenkeeper.io/) [![Build Status][build-badge]][build] [![Version][version-badge]][package] [![MIT License][license-badge]][license] [![All Contributors][all-contributors-badge]][all-contributors] [![PRs Welcome][prs-welcome-badge]][prs-welcome] [![Chat][chat-badge]][chat] [![Sponsored by Callstack][callstack-badge]][callstack]

React Native Paper is the cross-platform UI kit library containing a collection of customizable and production-ready components, which by default are following and respecting the Google’s Material Design guidelines.

## Getting Started Refer to the [getting started guide](https://callstack.github.io/react-native-paper/docs/guides/getting-started) for instructions. ## Documentation Check the components and their usage in our [documentation](https://callstack.github.io/react-native-paper). ## Features - Follows [material design guidelines](https://m3.material.io/get-started/) - Works on both iOS and Android following [platform adaptation guidelines](https://material.io/design/platform-guidance/cross-platform-adaptation.html) - Full [theming support](https://callstack.github.io/react-native-paper/docs/guides/theming) ## Try it out 🧑‍💻 Run the [example app](https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5) with [Expo](https://expo.dev/) to see it in action. The source code for the examples are under the [/example](/example) folder. 📲 You can also try out components in our demo apps available in the both stores [Android](https://play.google.com/store/apps/details?id=com.callstack.reactnativepaperexample&hl=pl&gl=US) and [ iOS](https://apps.apple.com/app/react-native-paper/id1548934513). ## Contributing Read the [contribution guidelines](/CONTRIBUTING.md) before contributing. ## Figma and Sketch component kits Use official component kits provided by [Material Design](https://m3.material.io/). ## Made with ❤️ at Callstack `react-native-paper` is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. [Callstack][callstack-readme-with-love] is a group of React and React Native geeks, contact us at [hello@callstack.com](mailto:hello@callstack.com) if you need any help with these or just want to say hi! Like the project? ⚛️ [Join the team](https://callstack.com/careers/?utm_campaign=Senior_RN&utm_source=github&utm_medium=readme) who does amazing stuff for clients and drives React Native Open Source! 🔥 [build-badge]: https://img.shields.io/circleci/project/github/callstack/react-native-paper/main.svg?style=flat-square [build]: https://circleci.com/gh/callstack/react-native-paper [version-badge]: https://img.shields.io/npm/v/react-native-paper.svg?style=flat-square [package]: https://www.npmjs.com/package/react-native-paper [license-badge]: https://img.shields.io/npm/l/react-native-paper.svg?style=flat-square [license]: https://opensource.org/licenses/MIT [all-contributors-badge]: https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square [all-contributors]: #contributors [prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square [prs-welcome]: http://makeapullrequest.com [chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=flat-square&colorB=758ED3 [chat]: https://discord.gg/zwR2Cdh [callstack-badge]: https://callstack.com/images/callstack-badge.svg [callstack]: https://callstack.com/open-source/?utm_source=github.com&utm_medium=referral&utm_campaign=react-native-paper&utm_term=readme-badge [callstack-readme-with-love]: https://callstack.com/?utm_source=github.com&utm_medium=referral&utm_campaign=react-native-paper&utm_term=readme-with-love ## Contributors Thanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):

_{Satyajit Sahoo} 🤔 💻 📖	_{Ferran Negre} 🤔 💻	_Dawid 🤔 💻 📖	_{Kacper Wiszczuk} 🤔 💻	_{Luke Walczak} 💻 📖	_{Ahmed Elhanafy} 🤔 💻	_{K. P. Sroka} 💻 📖
_{Iyad Thayyil} 💻 📖	_{Julian Hundeloh} 💻 📖	_{Grzegorz Gawrysiak} 💻 📖	_Luís 💻	_{Rajendran Nadar} 💻	_{Brent Vatne} 💻	_{Jakub Beneš} 💻
_{Paweł Szymański} 💻 📖	_Kuba 💻 🤔	_jbinda 💻 🤔

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

	Stars	Issues	Version	Updated	Created
@chakra-ui/react	36,622	326	2.8.2	6 months ago	3 years ago
native-base			3.4.28	a year ago	8 years ago
react-native-material-ui			1.30.1	6 years ago	8 years ago
react-native-paper			5.12.3	3 months ago	7 years ago

@chakra-ui/react vs native-base vs react-native-material-ui vs react-native-paper

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past