Gridiron Receiver

An animated SVG football wide receiver that runs route patterns (post, corner, slant, go, etc.) and reaches up to make a catch, posed frame-by-frame by an inverse-kinematics skeleton solver rather than hand-drawn keyframes.

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

import GridironReceiver from "@/components/ui/gridiron-receiver";

export default function GridironReceiverDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
      <GridironReceiver route="post" depth={12} behavior="route" />
    </div>
  );
}