​
Get Started with Muta

Follow these steps to add beautiful, dynamic flows to your mobile app. Currently, we support React Native, with more SDKs coming soon.

​
Installation

Choose your package manager:

# Using npm
npm install @mutalabs/react-native-muta react-native-webview

# Using yarn
yarn add @mutalabs/react-native-muta react-native-webview

For React Native CLI projects, install iOS dependencies:

cd ios && pod install

Using Expo?

  • The pod install step is not required
  • You cannot use Expo Go - you must create a fresh development build
  • Follow the official Expo guide to create a development build: Creating Development Builds

​
Create Your First Flow

Design Your Flow

Create a Placement

Add to Your App

  1. Add the MutaRoot component to your app:
import { MutaRoot, Muta } from '@mutalabs/react-native-muta';

function App() {
  return (
    <>
      <MutaRoot apiKey="your-api-key" />
      {/* Your app content */}
    </>
  );
}
  1. Display your flow where needed:
Muta.displayPlacement({
  placementId: 'your-placement-id',
  bgColor: '#000000', // Match your first screen's background
  presentationType: 'fade' // 'slide' | 'fade' | 'none'
});

The bgColor should match your first screen’s background color for a seamless transition.

Test and Deploy

​
What’s Next?

Collect User Input

Learn how to gather text inputs and multiple choice responses from your users.

Track Analytics

Integrate with your analytics provider to measure flow performance.

Handle Errors

Implement proper error handling for a robust user experience.

API Reference

Explore the complete SDK API documentation.

Need help? We offer white glove support for SDK installation and implementation. Contact us anytime!