Integrating the ClientLens SDK in Under 5 Minutes

Quick Start Guide

Getting started with ClientLens is designed to be as simple as possible. Whether you're building with React Native, Flutter, or native iOS/Android, our SDKs integrate in minutes, not hours.

React Native

Install the package:

npm install @clientlens/react-native-sdk

Initialize in your app entry point:

import { ClientLens } from '@clientlens/react-native-sdk';\n\nClientLens.init({\n  projectKey: 'your-project-key',\n  enableShakeToReport: true,\n});

That's it! Users can now shake their device to submit feedback with an annotated screenshot.

Flutter

Add the dependency:

dependencies:\n  clientlens_flutter: ^1.0.0

Wrap your app:

void main() {\n  runApp(\n    ClientLens(\n      projectKey: 'your-project-key',\n      child: MyApp(),\n    ),\n  );\n}

What Gets Captured Automatically

Every feedback submission includes:

• Annotated screenshot
• Device model and OS version
• App version and build number
• Screen name and navigation stack
• Available memory and battery level
• Network connectivity status

Customization Options

The SDK is highly configurable. You can customize the feedback form fields, trigger methods (shake, button, or programmatic), screenshot annotation tools, and theming to match your app's design system.

Check out our full SDK documentation for advanced configuration options.