Your Next React Native App Will Be Done With Paper

Authors
Ferran Negre
Software Engineer
@
Callstack
No items found.

UPDATE: React Native Paper version 4.0 is here!

Today I am proud to announce the release of react-native-paper 1.0.0.

React Native Paper or just Paper was started a long ago, around October 2016. It was an idea from ahmedlhanafy and satya164. Some time ago, we decided that Callstack could take care of it as part of our Open Source mission, and here we are today — Paper is now ready for you to use it in production. Yey!

We love Material Design because it provides a consistent and smooth user experience. We wanted to have the same look and feel in our React Native apps. We wanted to support both Android and iOS platforms, closely following the Material Design guidelines, all with a nice and easy to use API.

That’s why we created Paper. We are very picky and detail oriented and that is why we made sure to make every pixel count.

Paper gives you all the beautiful of well crafted material design components that work and look (almost) exactly the same for both Android and iOS. Why almost? Well, we are following the Platform Adaptation guide:

React Native Material Design components
React Native Material Design components

Tell me more

We are releasing a bunch of components like Buttons, Toolbar, Papers!, Cards, Typography, etc. But we plan to add much more so we expect 1.0.0 to be just the beginning of our big plans (CollapsibleToolbar?). And of course, we will be very thrilled to get more contributors on board.

React Native Paper components examples
React Native Paper components examples.png

Let’s play a game, I’ll show you some real apps. You tell me if they are written in pure native code or using Paper:

React Native Paper components examples.png

Did you guess it? You are right, they are all built with Paper!

To conclude, just to make it easier for playing with our internal example, scan this QR code with Expo and you are good to go!

React Native Paper QR Code Expo

Check out the React Native Paper docs to get started with Paper. If you have any issues or ideas for improvements, open an issue on Paper repo, and don’t forget to star it!

Table of contents
Launching or scaling an open-source project?

We help teams bring new open-source projects to life and grow them within the React Native space.

Let’s chat
Link copied to clipboard!
//
Insights

Learn more about

Open Source

Here's everything we published recently on this topic.

Sort
No items found.
//
Open Source

We can help you move
it forward!

At Callstack, we work with companies big and small, pushing React Native everyday.

React Native Development

Hire expert React Native engineers to build, scale, or improve your app — from day one to production.

React Development

Develop high-performance React applications with advanced patterns and scalable architectures.

React Compiler Implementation

Use React Compiler to achieve instant performance benefits in your existing applications.

React Native Trainings

Equip your team with React Native skills through tailored training sessions.