Components
Using Cursor, Claude, or another AI coding tool? Connect it to the Legalesign docs for context-aware help as you integrate.
Legalesign provides two types of embeddable components for building e-signature workflows into your application.
Widgets
Widgets are self-contained components that authenticate with the Legalesign API, make GraphQL calls, and handle complex workflows internally. Your backend provides a token; the widget does the rest.
| Widget | Description |
|---|---|
| Document Viewer | Edit templates, place signature fields, and prepare documents for sending |
Widgets require server-side setup to provide authentication tokens. See the GraphQL integration guide for a complete walkthrough.
UI Library
The Legalesign UI Library is a collection of standalone UI components for building custom interfaces. Built with StencilJS, they compile to standard Web Components and can be output as native libraries for Angular, React, Vue, and Ember, or used directly in HTML/JavaScript. These components are purely presentational — they take props and render UI, with no authentication or API calls.
- npm: legalesign-ui (core) · legalesign-ui-react (React output target)
- Documentation & examples: ui.legalesign.io
See the UI Library page for installation and usage.