{"id":3937,"url":"https://github.com/callstack/react-native-paper","last_synced_at":"2025-05-12T16:21:10.395Z","repository":{"id":37381143,"uuid":"71323749","full_name":"callstack/react-native-paper","owner":"callstack","description":"Material Design for React Native (Android \u0026 iOS)","archived":false,"fork":false,"pushed_at":"2025-05-05T08:37:50.000Z","size":439327,"stargazers_count":13585,"open_issues_count":275,"forks_count":2139,"subscribers_count":120,"default_branch":"main","last_synced_at":"2025-05-05T11:47:25.561Z","etag":null,"topics":["hacktoberfest","material-design","react-native","ui-kit"],"latest_commit_sha":null,"homepage":"https://reactnativepaper.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/callstack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["callstack"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2016-10-19T05:56:53.000Z","updated_at":"2025-05-05T11:27:10.000Z","dependencies_parsed_at":"2025-05-05T10:13:54.022Z","dependency_job_id":"e12587a8-dea0-4ba8-8ba1-73671ba51381","html_url":"https://github.com/callstack/react-native-paper","commit_stats":{"total_commits":2048,"total_committers":334,"mean_commits":6.131736526946108,"dds":0.75927734375,"last_synced_commit":"9162a1fdf4e97c0669de8a8fa2057d8cfbe2e728"},"previous_names":[],"tags_count":206,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-paper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-paper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-paper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-paper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/callstack","download_url":"https://codeload.github.com/callstack/react-native-paper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252504146,"owners_count":21758654,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacktoberfest","material-design","react-native","ui-kit"],"created_at":"2024-01-05T20:16:55.869Z","updated_at":"2025-05-05T12:53:15.208Z","avatar_url":"https://github.com/callstack.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"react-native-paper\" src=\"docs/static/images/paper-logo.svg?sanitize=true\" width=\"300\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  Material design for React Native.\u003cbr/\u003e\n  \u003ca href=\"https://reactnativepaper.com\"\u003ereactnativepaper.com\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n[![Greenkeeper badge](https://badges.greenkeeper.io/callstack/react-native-paper.svg)](https://greenkeeper.io/)\n\n[![Build Status][build-badge]][build]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n[![All Contributors][all-contributors-badge]][all-contributors]\n[![PRs Welcome][prs-welcome-badge]][prs-welcome]\n[![Chat][chat-badge]][chat]\n[![Sponsored by Callstack][callstack-badge]][callstack]\n\n \u003cp align=\"center\"\u003e\u003ci\u003eReact 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.\u003c/i\u003e\u003c/p\u003e\n \n## Getting Started\n\nRefer to the [getting started guide](https://callstack.github.io/react-native-paper/docs/guides/getting-started) for instructions.\n\n## Documentation\n\nCheck the components and their usage in our [documentation](https://callstack.github.io/react-native-paper).\n\n## Features\n\n- Follows [material design guidelines](https://m3.material.io/get-started/)\n- Works on both iOS and Android following [platform adaptation guidelines](https://material.io/design/platform-guidance/cross-platform-adaptation.html)\n- Full [theming support](https://callstack.github.io/react-native-paper/docs/guides/theming)\n\n## Try it out\n\n🧑‍💻 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.\n\n📲 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\u0026hl=pl\u0026gl=US) and [ iOS](https://apps.apple.com/app/react-native-paper/id1548934513).\n\n## Contributing\n\nRead the [contribution guidelines](/CONTRIBUTING.md) before contributing.\n\n## Figma and Sketch component kits\n\nUse official component kits provided by [Material Design](https://m3.material.io/).\n\n## Made with ❤️ at Callstack\n\n`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!\n\nLike the project? ⚛️ [Join the team](https://callstack.com/careers/?utm_campaign=Senior_RN\u0026utm_source=github\u0026utm_medium=readme) who does amazing stuff for clients and drives React Native Open Source! 🔥\n\n\u003c!-- badges --\u003e\n\n[build-badge]: https://img.shields.io/circleci/project/github/callstack/react-native-paper/main.svg?style=flat-square\n[build]: https://circleci.com/gh/callstack/react-native-paper\n[version-badge]: https://img.shields.io/npm/v/react-native-paper.svg?style=flat-square\n[package]: https://www.npmjs.com/package/react-native-paper\n[license-badge]: https://img.shields.io/npm/l/react-native-paper.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[all-contributors-badge]: https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square\n[all-contributors]: #contributors\n[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\n[prs-welcome]: http://makeapullrequest.com\n[chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=flat-square\u0026colorB=758ED3\n[chat]: https://discord.gg/zwR2Cdh\n[callstack-badge]: https://callstack.com/images/callstack-badge.svg\n[callstack]: https://callstack.com/open-source/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=react-native-paper\u0026utm_term=readme-badge\n[callstack-readme-with-love]: https://callstack.com/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=react-native-paper\u0026utm_term=readme-with-love\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/@satya164\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1174278?v=4\" width=\"100px;\" alt=\"Satyajit Sahoo\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSatyajit Sahoo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-satya164\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=satya164\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=satya164\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://ferrannp.com/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/774577?v=4\" width=\"100px;\" alt=\"Ferran Negre\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eFerran Negre\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-ferrannp\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=ferrannp\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://dawidurbaniak.pl\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/18584155?v=4\" width=\"100px;\" alt=\"Dawid\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDawid\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-Trancever\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=Trancever\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=Trancever\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/esemesek\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/9092510?v=4\" width=\"100px;\" alt=\"Kacper Wiszczuk\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKacper Wiszczuk\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-Esemesek\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=Esemesek\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://medium.com/@_happiryu\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/22746080?v=4\" width=\"100px;\" alt=\"Luke Walczak\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuke Walczak\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=lukewalczak\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=lukewalczak\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ahmedlhanafy\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/7052827?v=4\" width=\"100px;\" alt=\"Ahmed Elhanafy\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAhmed Elhanafy\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-ahmedlhanafy\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=ahmedlhanafy\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/kpsroka\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/24893014?v=4\" width=\"100px;\" alt=\"K. P. Sroka\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eK. P. Sroka\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=kpsroka\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=kpsroka\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/iyadthayyil\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/11161020?v=4\" width=\"100px;\" alt=\"Iyad Thayyil\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIyad Thayyil\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=iyadthayyil\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=iyadthayyil\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://hundeloh-consulting.ch/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/5358638?v=4\" width=\"100px;\" alt=\"Julian Hundeloh\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJulian Hundeloh\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=jaulz\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=jaulz\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.linkedin.com/in/grzegorzgawrysiak/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/7827311?v=4\" width=\"100px;\" alt=\"Grzegorz Gawrysiak\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGrzegorz Gawrysiak\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=gawrysiak\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=gawrysiak\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/luissmg\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/20660551?v=4\" width=\"100px;\" alt=\"Luís\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuís\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=luissmg\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://raajnadar.in\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/17236768?v=4\" width=\"100px;\" alt=\"Rajendran Nadar\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRajendran Nadar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=raajnadar\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/brentvatne\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/90494?v=4\" width=\"100px;\" alt=\"Brent Vatne\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBrent Vatne\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=brentvatne\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://jukben.cz\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/8135252?v=4\" width=\"100px;\" alt=\"Jakub Beneš\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJakub Beneš\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=jukben\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/_panpawel\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/3886886?v=4\" width=\"100px;\" alt=\"Paweł Szymański\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePaweł Szymański\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=pan-pawel\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=pan-pawel\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jayu\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/11561585?v=4\" width=\"100px;\" alt=\"Kuba\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKuba\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=jayu\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#ideas-jayu\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jbinda\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/21242757?v=4\" width=\"100px;\" alt=\"jbinda\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ejbinda\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/callstack/react-native-paper/commits?author=jbinda\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#ideas-jbinda\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","funding_links":["https://github.com/sponsors/callstack"],"categories":["Components","TypeScript","React Native","UI Frameworks","前端开发框架及项目","Uncategorized","react-native","React Native Project Showcase","Component Libraries"],"sub_categories":["UI","Frameworks React Native","其他_文本生成、文本对话","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcallstack%2Freact-native-paper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcallstack%2Freact-native-paper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcallstack%2Freact-native-paper/lists"}