Award

Component 782

About

Award Component that stamp, award, certificate, badge, id-card and more.

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

Code

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

Usage.tsx

import { Awards } from "@/components/ui/award";

export default function DemoOne() {
  return (
    <Awards
      variant="award"
      title="WINNER"
      subtitle="A Design Award & Competetion"
      recipient="Ali Imam"
      date="June 2025" 
      level="gold" 
    />
  )
}