React Templates & Themes Logo React Templates & Themes
React Native Paper Onboarding screenshot

React Native Paper Onboarding

Author Avatar Theme by Gorhom
Updated: 3 Nov 2021
905 Stars

Paper Onboarding is a material design UI slider for `React Native`.

Github

Categories

React native

Overview

npmPaper Onboarding is a React Native UI slider inspired by Ramotion Paper Onboarding. It is designed following the material design principles.

Features

  • Material design UI slider for React Native
  • Array of pages/slides to present
  • Safe area insets
  • Pan gesture direction
  • Indicator customization
  • Title and description styling
  • Customizable close button
  • Close button text customization

Installation

To install npmPaper Onboarding, follow these steps:

  1. Install react-native-reanimated, react-native-gesture-handler, and react-native-svg by running the following command:
npm install react-native-reanimated react-native-gesture-handler react-native-svg
  1. Follow their installation instructions to complete the setup.

Summary

npmPaper Onboarding is a React Native UI slider that provides a material design experience for app onboarding. With its various features like customizable slides, safe area insets, and indicator customization, it allows developers to create visually appealing and interactive onboarding experiences for their users.