More Premium Hugo Themes Premium React Themes

React Native Paper Onboarding

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

React Native Paper Onboarding

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

Author Avatar Theme by gorhom
Github Stars Github Stars: 905
Last Commit Last Commit: Nov 3, 2021 -
First Commit Created: Jan 15, 2024 -
React Native Paper Onboarding screenshot

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.