Courier Droid

Component

About

An animated top-down SVG illustration of a wheeled delivery robot with configurable heading, steering, cargo modules, and camera angle, for robotics or playful UI illustrations.

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

Code

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

Usage.tsx

import { CourierDroid } from "@/components/ui/courier-droid";

export default function CourierDroidDemo() {
  return (
    <div className="flex min-h-[400px] w-full items-center justify-center p-10">
      <CourierDroid
        size="lg"
        heading={28}
        steering={18}
        travel={0.4}
        cargo="pod"
        antenna="dish"
      />
    </div>
  );
}