finds.dev← search

// the find

gorhom/react-native-paper-onboarding

★ 912 · TypeScript · MIT · updated Nov 2021

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

A React Native onboarding slider component that reproduces Ramotion's paper-ripple animation using Reanimated and SVG. It handles the animated background circle transition between slides and indicator dots. Aimed at React Native developers who need a polished first-launch flow without building the animation from scratch.

The animation is implemented properly with react-native-reanimated rather than the JS-thread Animated API, so it won't jank on lower-end Android devices. TypeScript types are included and the API surface is small — one component, one data array, a handful of style overrides. The `content` prop accepting a render function per slide means you're not locked into the default title/description layout. Both horizontal and vertical swipe directions are supported, which most onboarding libraries ignore.

Last commit was November 2021 and it still depends on react-native-redash, a utility library that has gone through breaking changes and is largely superseded by Reanimated's built-in worklet utilities — any project on Reanimated v3 is in for a dependency headache. There are no tests anywhere in the repo. The `safeInsets` default of 50 on all sides is a hardcoded guess that will look wrong on modern notched or dynamic-island devices without manual override. At 912 stars and abandoned for nearly three years, you'd be adopting dead code.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →