Getting started

You need an Onvert app key from the dashboard. Create a workspace and copy the key from project settings.

1. 1

   Create an app

   In the Onvert dashboard, create an app and copy your public app key (starts with onv_).

2. 2

   Install the SDK

   Add the package for your platform — React Native or iOS Swift.

3. 3

   Wrap your root tree

   Initialise Onvert with your app key so the SDK can fetch published config on launch.

4. 4

   Present a flow

   Render or present an Onvert flow at the moment you want onboarding or a paywall to appear.

5. 5

   Publish from the dashboard

   Build a flow visually, publish it, and relaunch the app to see it rendered natively.

React Native (quick start)

npm install @onvert/react-native

import { OnvertProvider, OnvertFlow } from "@onvert/react-native";

export default function App() {
  return (
    <OnvertProvider appKey="onv_...">
      <OnvertFlow
        onComplete={handleComplete}
        onPurchase={handlePurchase}
      />
    </OnvertProvider>
  );
}

For platform-specific detail — lifecycle, SwiftUI hosting, and purchase callbacks — see the SDK pages in the sidebar.