react-native-paper README

The project's README from github.com/callstack/react-native-paper. As one markdown file: README.md.

react-native-paper

Material design for React Native.
reactnativepaper.com


Greenkeeper badge

Build Status Version MIT License All Contributors PRs Welcome Chat Sponsored by 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 for instructions.

Documentation

Check the components and their usage in our documentation.

Features

Try it out

🧑‍💻 Run the example app with Expo to see it in action. The source code for the examples are under the /example folder.

📲 You can also try out components in our demo apps available in the both stores Android and iOS.

Contributing

Read the contribution guidelines before contributing.

Figma and Sketch component kits

Use official component kits provided by Material Design.

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 is a group of React and React Native geeks, contact us at [email protected] if you need any help with these or just want to say hi!

Like the project? ⚛️ Join the team who does amazing stuff for clients and drives React Native Open Source! 🔥

Contributors

Thanks goes to these wonderful people (emoji key):

Satyajit Sahoo
Satyajit Sahoo

🤔 💻 📖
Ferran Negre
Ferran Negre

🤔 💻
Dawid
Dawid

🤔 💻 📖
Kacper Wiszczuk
Kacper Wiszczuk

🤔 💻
Luke Walczak
Luke Walczak

💻 📖
Ahmed Elhanafy
Ahmed Elhanafy

🤔 💻
K. P. Sroka
K. P. Sroka

💻 📖
Iyad Thayyil
Iyad Thayyil

💻 📖
Julian Hundeloh
Julian Hundeloh

💻 📖
Grzegorz Gawrysiak
Grzegorz Gawrysiak

💻 📖
Luís
Luís

💻
Rajendran Nadar
Rajendran Nadar

💻
Brent Vatne
Brent Vatne

💻
Jakub Beneš
Jakub Beneš

💻
Paweł Szymański
Paweł Szymański

💻 📖
Kuba
Kuba

💻 🤔
jbinda
jbinda

💻 🤔

This project follows the all-contributors specification. Contributions of any kind welcome!

react-native-paper (callstack/react-native-paper)

ui-kit
Searching Database…

What is this?React Native Paper is a cross-platform UI kit for React Native: customizable, production-ready components that follow Google's Material Design guidelines by default.
Is this an app I install, or a library I add to my project's code?It's a library, not an app — you add it to a React Native project with npm and import its components to build your UI.
How do I add it to my React Native app?Install the react-native-paper package from npm, then follow the getting started guide in the docs to wire it into your app.
Will it bloat my app with a lot of dependencies?Only four small runtime packages (a theme provider, color, fast-deep-equal and use-latest-callback) on top of an existing React Native project.
Does the same UI code really work on both iOS and Android?Yes — components work on both iOS and Android and follow Material Design's platform adaptation guidelines, so the UI adapts to each platform.
If I design screens in Figma or Sketch first, is there a matching kit?Yes — Material Design publishes official component kits for both Figma and Sketch, so your designs can match the components you use in code.
Is this a new experimental library or an established one?Established — it dates back to 2016, has around 14,500 stars on GitHub, and ships as typed TypeScript code with a CI pipeline and a test suite.
Creator
callstack
Size
437.9 MB
Stars
14.5K
Age
9y
Commits · 90 Days