Robot Bat

An animated SVG robot shaped like a bat, drawn in side elevation, that roosts upside-down, flaps or glides, follows the pointer with its head, and drops off its beam when clicked.

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

"use client";

import { RobotBat } from "@/components/ui/robot-bat";

export default function RobotBatDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-4">
      <RobotBat view="profile" size={340} behavior="flap" label="CHIRO / 02" />
    </div>
  );
}