Signature Pad
DragCanvasSmooth vector signature drawing canvas with stroke smoothing, color palette selection, touch support, and export.
Live Interaction Sandbox
Vector Drawing Pad
Sign or sketch here...
Bezier Smoothing
Variants: Default, High Contrast, MinimalDependencies: react
Component Controls
InteractiveStroke Width2.5
Pen Color#10b981
#10b981
Supported States:
● Idle● Drawing● Cleared● Exported
Props Specification
| Prop | Type | Default | Description |
|---|---|---|---|
| strokeColor | string | '#10B981' | Color of the pen stroke |
| strokeWidth | number | 2.5 | Width of the vector line |
| onSign | (dataUrl: string) => void | undefined | Callback when signature updates |