Skip to content

React Native Paper

A React Native UI kit of Material Design components for Android and iOS apps.

Stars
14.5k
Forks
2.3k
Licence
MIT
Language
TypeScript
Last update
4 days ago
Type
Library

What it is

React Native Paper is a UI kit library for React Native that provides a set of customizable components following Google's Material Design guidelines. It helps developers build mobile apps that look consistent on both Android and iOS without designing every button and form control from scratch. It also supports theming so the look can be adjusted to match an app's brand.

  • Build a mobile app screen with Material-styled buttons, cards, and forms
  • Apply a custom theme to match a company's brand colors and fonts
  • Create an app that looks native-consistent on both Android and iOS
  • Use the official Material Design Figma or Sketch kits alongside the components when designing

Great for

  • React Native developers who want ready-made Material Design components
  • Teams building iOS and Android apps with a shared codebase
  • Developers who want theming control over colors and styles
  • Projects that need components which adapt to each platform's conventions

Not ideal for

  • Developers who are not using React Native, since this library is built specifically for it
  • Teams that need a non-Material visual style without heavy customization, because the defaults follow Material Design
  • Non-developers looking for a no-code tool
Step-by-step guide: how to use React Native PaperInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    You'll need: React Native project

    Clone the repository

    git clone https://github.com/callstack/react-native-paper
  2. 2

    Run it

    • Follow the getting started guide at callstack.github.io/react-native-paper/docs/guides/getting-started
    • Run the example app with Expo via the linked Snack project
    • Browse the component documentation and copy a component into your app
  3. 3

    Get the most out of it

    • Use the theming guide to customize colors and styles
    • Browse the example folder in the repository for usage patterns
    • Use the official Material Design Figma or Sketch kits to design matching screens

Downloads

Strengths

  • Components follow Material Design guidelines by default
  • Works on both iOS and Android and follows platform adaptation guidelines
  • Includes theming support and is MIT licensed

Trade-offs

  • Focused on Material Design, so it is less suited to apps wanting a different visual language
  • Installation and setup details are in the external documentation rather than the README shown here

How it compares

ProjectStarsTypeLevelUpdatedBest for
react-native-paper (this)14.5kLibraryintermediate4 days agoReact Native developers who want ready-made Material Design components
NativeBase20.4kLibraryintermediate9 months agoTeams maintaining an existing app already built on NativeBase
react-native-elements25.9kLibraryintermediate6 months agoReact Native developers who want ready-made UI components
tamagui14.3kLibraryintermediate4 days agoTeams building the same app for web and native with React
react-native-ui-kitten10.7kLibraryintermediate1 months agoReact Native developers who want a complete set of standard UI controls
react-native-web22.2kLibraryintermediate4 days agoDevelopers who already use React Native and want the same components on the web

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.