Embedded signing and builder

Use the same Signa signing and template-builder flows inside product surfaces. The supported SDKs are thin wrappers around the hosted Signa form and builder URLs, which keeps signing logic centralized and mobile behavior consistent.

Official libraries

React

Use SignaForm and SignaBuilder in React, Next.js, Remix, Vite, and other browser React apps.

Supported now

React Native

Use a WebView wrapper for Expo and React Native apps that need native navigation around hosted signing.

Supported now

Browser

Load Signa custom elements from a CDN when you need framework-agnostic signing or builder embeds.

Supported now

Usage examples

React signing form

Install

pnpm add @signajs/react

Usage

<SignaForm src="https://signa.example.com/s/{submitterSlug}" withDownloadButton />

React builder

Install

pnpm add @signajs/react

Usage

<SignaBuilder token="{builderToken}" host="https://signa.example.com" withSendButton />

React Native

Install

pnpm add @signajs/react-native react-native-webview

Usage

<SignaSigningView src={signingUrl} onComplete={handleComplete} />

Browser custom element

Install

script src=https://cdn.jsdelivr.net/npm/@signajs/react/dist/form.js

Usage

<signa-form src="https://signa.example.com/s/{submitterSlug}"></signa-form>

CDN delivery

Published package builds are available from npm-backed CDNs such as jsDelivr. Pin a version for production embeds, and point the element at the Signa host that owns the signing route.

Signing form script

<script src="https://cdn.jsdelivr.net/npm/@signajs/react@0.1.4/dist/form.js"></script>
<signa-form src="https://signa.example.com/s/{submitterSlug}"></signa-form>

Builder script

<script src="https://cdn.jsdelivr.net/npm/@signajs/react@0.1.4/dist/builder.js"></script>
<signa-builder host="https://signa.example.com" token="{builderToken}"></signa-builder>