Signature pad
Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.
Sign
Draw on the line. A faster stroke lays down thinner ink. Control or Command Z undoes, Shift adds the redo, and Delete clears with a wipe. Replay draws the signature back in its own rhythm. Save as downloads a cropped PNG or SVG. The name under the line is the signer. Size, variant, color and rounded follow the signature-pad config.
Save as
Press Control or Command Z to undo, add Shift to redo, and Delete to clear.
Signature captured.
<neura::signature-pad
signer="Emma Collins"
file-name="emma-signature"
label="Signature pad"
/>
Ink
ink starts at black, blue, or violet. nib starts at fine, medium, or bold. Both can still be changed from the pad. hint rests on the baseline until the first stroke. Listen for signature-change to read the cropped SVG, or bind the field with wire:model.
Save as
Press Control or Command Z to undo, add Shift to redo, and Delete to clear.
<neura::signature-pad
signer="Ada Lovelace"
hint="Sign here"
ink="blue"
nib="fine"
file-name="ada-signature"
/>