Robot Sunflower

Component

About

An animated SVG heliotropic sunflower robot whose golden-angle floret head tracks a light source (pointer, drag, or an automatic day cycle) across four selectable camera views.

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

Code

How Robot Sunflower is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import * as React from "react";

import { RobotSunflower } from "@/components/ui/robot-sunflower";

export default function RobotSunflowerInteractiveDemo() {
  const [daylight, setDaylight] = React.useState(0.62);

  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-10">
      <RobotSunflower
        daylight={daylight}
        interactive
        onDaylightChange={setDaylight}
        size="xl"
      />
    </div>
  );
}