Signature Pad

Signature Pad is a form in the UI HUB forms collection. A hand-drawn signature pad on canvas with variable ink weight sized by pointer speed. Undo pops the last stroke, Clear wipes all, and every stroke end exports a PNG data URL through onChange.

The component is driven by 7 documented props (onChange, penColor, minWidth, maxWidth, clearOnResize, hint and 1 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: canvas 2d; ResizeObserver; pointer capture.

Preview the form in the browser above, copy the source, and paste it into your project. Forms components in UI HUB are grouped by category so you can compare effects side by side before choosing one.