Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/callstack/react-native-paper

Material Design for React Native (Android & iOS)
https://github.com/callstack/react-native-paper

hacktoberfest material-design react-native ui-kit

Last synced: 3 days ago
JSON representation

Material Design for React Native (Android & iOS)

Awesome Lists containing this project

README 

        


  react-native-paper





  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 [[email protected]](mailto:[email protected]) 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
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](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!