Signature Pad

A shadcn signature pad with pressure and speed sized ink, touch and stylus input, undo and redo, native form fields and PNG, JPEG, SVG or JSON export.

Library

ReUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @reui/signature-pad

Files

• registry-reui/bases/radix/reui/signature-pad.tsx
• registry/bases/radix/ui/button.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx
• registry/icons/icon-hugeicons.tsx
• registry/icons/icon-phosphor.tsx

Source

https://github.com/keenthemes/reui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Signature Pad Components
• React Signature Pad Components
• Tailwind CSS Signature Pad Components

More from ReUI

• Pinned clear and save
• Initials per clause
• Proof of delivery
• Upload with apiRef
• Undo and redo toolbar
• Form field with validation
• Signing workspace
• Export PNG, JPEG, SVG or JSON
• Draw or type
• Agreement signing card
• Signature in a dialog
• Stylus mode with palm rejection