SignaturePad

A canvas-backed component for capturing handwritten signatures via mouse, touch, or stylus.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

@using Lumeo

<SignaturePad />

Capture handwritten signatures for contracts, releases, delivery confirmations, or consent forms
Collect freehand annotations as raster images (PNG / JPEG data URLs)
Display a previously captured signature in read-only mode for audit or review
Offer instant clear + optional download from inside the pad itself
Use as a lightweight drawing primitive when a full canvas editor would be overkill

Basic

Sign here

Custom stroke

Sign here

With download

Sign and click download

Disabled / read-only

JPEG output + custom size

Sign (JPEG export)

No Clear Button

Clear button hidden

FileUpload — Pair to also accept a pre-scanned signature image
Image — Display the captured data URL in read-only contexts
RichTextEditor — Use when you need a full document-style annotation surface instead of a fixed-size pad