Infinite Image Field

An endless cursor-driven photo canvas that tiles images infinitely in all directions and pans smoothly toward the cursor.

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

import { InfiniteImageField } from "@/components/ui/infinite-image-field";

export default function InfiniteImageFieldDemo() {
  return (
    <div className="relative h-[600px] w-full overflow-hidden rounded-xl bg-black">
      <InfiniteImageField borderRadius={12} />
    </div>
  );
}