Handwriting Signature Footer

Footers 2

About

Handwriting signature footer: a white stylus writes one word in flowing script stroke by stroke, lifts and rests beside it, then a thank-you line, a short note, two actions and a quiet legal bar settle in. Built-in single-stroke script glyphs, no fonts or images. For signing flows, checkouts and case studies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Handwriting Signature Footer to your project and fits it to your theme.

Code

How Handwriting Signature Footer is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import SignaturePenFooter from "@/components/ui/signature-pen-footer"

export default function Demo() {
  return (
    <div className="w-full">
      <SignaturePenFooter
        word="Finished"
        title="Thank you for completing the request"
        description="Once the document has been completed, a limited-time link to a finalised copy will be emailed to you, and if you have an account, a copy will be placed in your files."
        actions={[
          { label: "Create free account", href: "#", variant: "secondary" },
          { label: "Log in", href: "#", variant: "primary" },
        ]}
        brand="Inkwell"
        height="100svh"
      />
    </div>
  )
}