Stamp Seal

Component 1

About

A rotated, dashed circular rubber-stamp badge for marking a ticket, document or card as admitted, approved, or voided.

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

Code

How Stamp Seal is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { StampSeal } from "@/components/ui/stamp-seal";

export default function StampSealDemo() {
  return (
    <div className="flex min-h-[320px] w-full flex-wrap items-center justify-center gap-10 bg-background p-10">
      <StampSeal
        text="ADMITTED"
        subtext="OFFICIAL STUB"
        tone="accent"
        rotate={-8}
      />
      <StampSeal
        text="APPROVED"
        subtext="REVIEW BOARD"
        tone="primary"
        rotate={6}
      />
      <StampSeal
        text="VOID"
        subtext="DO NOT USE"
        tone="destructive"
        rotate={-4}
      />
    </div>
  );
}