https://github.com/paramaggarwal/rn-paper-interface

Implementation of Facebook Paper-like interactive UI in React Native.
https://github.com/paramaggarwal/rn-paper-interface

Last synced: 27 days ago
JSON representation

Implementation of Facebook Paper-like interactive UI in React Native.

• Host: GitHub
• URL: https://github.com/paramaggarwal/rn-paper-interface
• Owner: paramaggarwal
• License: mit
• Created: 2016-07-21T10:08:42.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-12-06T12:49:44.000Z (about 8 years ago)
• Last Synced: 2024-04-14T18:11:10.456Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 4.01 MB
• Stars: 329
• Watchers: 11
• Forks: 35
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# rn-paper-interface

Implementation of Facebook Paper-like interactive UI in React Native.

Read the blog post: [Building a Facebook Paper-like UI with React Native](https://medium.com/@paramaggarwal/building-a-facebook-paper-like-ui-with-react-native-4a753623d343#.1ou5i5ntm) on Medium.

This is a technical demo and not a library. Feel free to learn from the code and adapt to your use-case.

# Demo

Run with Exponent: [https://getexponent.com/@community/paper-interface-example](https://getexponent.com/@community/paper-interface-example)

See it on Vimeo: [https://vimeo.com/175727390](https://vimeo.com/175727390)

# GIF

![project demo](static/demo.gif)

# Try it out

1. Clone the repo

2. Run `npm install` and `rnpm link`.

3. Open `ios/RNPaperInterface.xcodeproj` and run the project.

4. This should compile the project and run the sample in the simulator.

# Author

Param Aggarwal ([email protected])

# License

MIT License