React Native Onboarding (Bubble Mobile)

This plugin provides a modern, customizable onboarding experience for your React Native app built using Bubble’s native environment.

It allows you to pass dynamic slide content from Bubble (via a list of JSON strings), display onboarding pages with smooth horizontal scroll, support for images, styled text, star review slides, and a final Get Started button with event handling.

Perfect for mobile apps built on Bubble that need an engaging onboarding flow.

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=onboarding

Editor: ncv-react-plugins | Bubble Editor

:rocket: Features:

:page_facing_up: Dynamically load onboarding slides from Bubble using a list of JSON strings.

:framed_picture: Supports images, titles, subtexts, and review stars.

:artist: Customizable text styles (font, size, color, bold, italic, underline).

:high_voltage: Smooth horizontal scroll with snapping.

:radio_button: Animated progress dots with active state.

:yellow_circle: Built-in support for “review” slides with non-interactive star rating visuals.

:white_check_mark: Triggers events: screen_loaded, screen_changed, and get_started.

:pushpin: Example Use Case:

You’re launching a mobile shopping app. You want to show users:

Welcome slide

Benefits of your platform

A star-rated testimonial

CTA with “Get Started”.

Use this plugin to seamlessly onboard new users in-app without extra screens.

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=onboarding

Editor: ncv-react-plugins | Bubble Editor