Signature Pad

Ink that swells where you slow down, and wipes away the way you wrote it.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/signature-pad.json

Files

• src/lab/components/signature-pad.tsx
• src/lib/use-reduced-motion.ts
• src/lab/preview-play.ts
• src/lib/signature.ts
• src/lib/cn.ts

Source

https://github.com/xevrion/ui-lab

Categories

• Drawing Canvas Components
• React Drawing Canvas Components
• Tailwind CSS Drawing Canvas Components
• Animated Drawing Canvas Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Signature Pad Components
• React Signature Pad Components
• Tailwind CSS Signature Pad Components
• Animated Signature Pad Components

More from UI Lab

• Drag Select
• Easing Editor
• Footer Signature
• Infinite Canvas
• Ink Well
• Accordion
• Activity Timeline
• Announcement Banner
• Arrow Callout
• Autosave Status
• Availability Badge
• Avatar Stack