npm package Open source
rn-onboarding-slides: React Native Onboarding Package
An open-source npm package that adds an animated, fully customisable onboarding screen to any React Native or Expo app.
Overview
rn-onboarding-slides gives React Native and Expo apps a production-ready onboarding flow: swipeable slides, animated pagination dots and a circular next button that morphs into a full-width start button on the last slide.
The animations are built on react-native-reanimated, so they run on the native UI thread at 60 fps. Colours, sizes and the position of the button and dots are set through a theme prop, and a renderItem prop replaces the slide layout entirely when a design needs it. The package is written in TypeScript and published on npm under the MIT licence.
Key features
- Animated pagination dots and smooth swipe transitions
- Next button that morphs into a start button on the last slide
- 60 fps animations on the native thread with Reanimated
- Theme prop for colours, sizes and positions
- Custom slides with renderItem and an optional skip button
- Fully typed TypeScript API
