Eye Tracking

A pair of animated eyes whose pupils follow the cursor, with blink, dilation and realistic, cartoon, minimal and cyber style variants.

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

import { EyeTracking } from "@/components/ui/eye-tracking";

export default function Default() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background text-foreground">
      <EyeTracking eyeSize={140} gap={50} />
    </div>
  );
}