Components

Unofficial shadcn components that you asked for and we could not find better so far.

Signature Pad

Signature pad with dialog interface, hold-to-confirm, and image preview. Click the pen button to open the signing pad.

npx shadcn@latest add https://www.shadcn-form.com/registry/signature-pad.json

'use client'

import SignaturePad from '@/components/ui/signature-pad'

const [signature, setSignature] = useState<string | null>(null)

<SignaturePad
  value={signature}
  onChange={setSignature}
/>

Loading preview...