Seamlessly add document signing into React apps in minutes.
Signing Form
Embed our full interactive Signing Form into your React applications. It offers a streamlined, user-friendly interface for efficient and seamless document signing experience.
Form Builder
Utilize our comprehensive Form Builder to effortlessly create and customize document templates. It enhances your application with a full-features document creation tool.
React Native Integration
Extend the capabilities of document signing to mobile platforms with our React Native Integration. It provides a consistent, high-quality signing experience across applications.
Embed the Signing Form React component effortlessly into your application to enhance the document signing experience. It is perfectly suited for KYC, CRM and onboarding workflows, thereby ensuring a smooth and cohesive user experience across your platform.
import React from "react"
import { DocusealForm } from '@docuseal/react'
export function App() {
return (
<div className="app">
<DocusealForm
src="https://docuseal.com/d/LEVGR9rhZYf86M"
email="signer@example.com"
onComplete={(data) => console.log(data)}
/>
</div>
);
}
Seamlessly integrate our Form Builder into your React applications, not just for document signing but also for crafting the entire document form. With just a few lines of code, you can effortlessly embed a comprehensive document builder, enhancing both the functionality and the user experience on your platform.
import React, { useState, useEffect } from 'react';
import { DocusealBuilder } from '@docuseal/react'
const App = () => {
const [token, setToken] = useState();
useEffect(() => {
fetch('/api/docuseal/builder_token', {
method: 'POST',
})
.then((response) => response.json())
.then((data) => {
setToken(data.token);
});
}, []);
return token && <DocusealBuilder token={token} />;
};
Effortlessly integrate both the Signing Form and Form Builder into your React Native applications, offering a comprehensive solution for document signing and template creation. Experience the practicality and efficiency of these features on Expo Snack, discovering a convenient method to enhance your mobile applications with essential document management capabilities.
import { WebView } from 'react-native-webview';
export default function SignForm({ slug }) {
return (
<WebView
source={{ html: `
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.docuseal.com/js/form.js"></script>
</head>
<body>
<docuseal-form style="height: 100vh" data-src="https://docuseal.com/s/${slug}">
Loading...
</docuseal-form>
</body>
</html>
` }}
/>
);
}
DocuSeal allows you to bring document signing process into your apps.
This perfectly fits CRM, KYC, and onboarding workflows.