ReUI signature pad - Signing workspace

Component 6

About

Ink colors, line weights, undo, redo, replay and PNG or SVG download in one signing card.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ReUI signature pad - Signing workspace to your project and fits it to your theme.

Code

How ReUI signature pad - Signing workspace is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import Component from "@/components/ui/reui-signature-pad-4";
import {ThemeProvider} from "next-themes";
export default function LibraryRegistryPreview(){const theme=typeof window!=="undefined"&&new URLSearchParams(window.location.search).get("theme")==="light"?"light":"dark";return <ThemeProvider defaultTheme={theme} enableSystem={false}><div data-component-demo data-theme={theme} className={theme+" style-nova"}><div><Component/></div></div></ThemeProvider>}