About
This demo component for try to use 21st
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Product Hunt Badge to your project and fits it to your theme.
Code
How Product Hunt Badge is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { AwardBadge } from '@/components/ui/award-badge-test'
export function AwardBadgeDemo() {
return (
<div>
<AwardBadge link="https://www.google.com" type="golden-kitty" place={1} />
</div>
)
}