Add E-Signatures to React Native

Quick start

1. Get an API key from signb.ee (free, no credit card)
2. Set SIGNBEE_API_KEY in your environment
3. Add the code below to your app

React Native example

async function sendContract(data: ContractData) {
  const response = await fetch("https://signb.ee/api/send", {
    method: "POST",
    headers: {
      Authorization: `Bearer ${SIGNBEE_API_KEY}`,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      content: data.content,
      senderName: data.senderName,
      senderEmail: data.senderEmail,
      recipientName: data.recipientName,
      recipientEmail: data.recipientEmail,
    }),
  });
  return response.json();
}

What happens

1. Your app sends markdown or a PDF URL to Signbee
2. Signbee generates a PDF (if markdown) and emails the recipient a signing link
3. Recipient signs — both parties receive the signed PDF with SHA-256 certificate

Also works with AI agents

Install the MCP server to let Claude, Cursor, or Windsurf send documents directly:

npx -y signbee-mcp

Integration details

React Native enables mobile e-signature integration for iOS and Android apps. The fetch API works identically to web browsers, making the Signbee integration straightforward for mobile developers.

Mobile signing flow: The typical mobile flow is: user fills a form in your app, your app generates the contract content, sends it to Signbee via API, and receives a signing URL. Open the signing URL in a WebView or the device's browser for the recipient to sign.

API key security: Never hardcode the API key in your React Native bundle — it can be extracted from the compiled app. Instead, proxy the API call through your backend server. Your React Native app calls your server, and your server calls Signbee with the API key.

Expo integration: If you're using Expo, the fetch API is available natively. Use expo-secure-store for any local token storage. The signing flow works identically on Expo Go and standalone builds.

Deep linking: Configure deep links to bring users back to your app after signing. The Signbee signing page can redirect to your app's custom URL scheme (yourapp://signed) or universal link after the signing ceremony completes.

Offline handling: For apps used in areas with poor connectivity, queue contract requests locally and send them when the device reconnects. Use React Native's NetInfo to detect connectivity and AsyncStorage or a local database for request queuing.

FAQs