Award Badge

Product Hunt-style award badge with 3D tilt on hover, rainbow overlay animation, and configurable award type and placement.

Configure

TypePlaceLink

How to use

tsx9 lines

 1import { AwardBadge } from "@/components/lab/components/AwardBadge";
 2 
 3export default function Demo() {
 4  return (
 5    <div className="flex h-screen w-full items-center justify-center">
 6      <AwardBadge type="product-of-the-day" place={1} />
 7    </div>
 8  );
 9}