Animatronic Face

An expressive humanoid robot head drawn as SVG, with brows, lids, cheeks, nose, lip corners and a hinged jaw each acting as a servo channel that blends into one of nine named expressions, tracks the pointer with its gaze, and reacts to clicks.

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

import { AnimatronicFace } from "@/components/ui/animatronic-face";

export default function AnimatronicFaceDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-10">
      <AnimatronicFace behavior="converse" size="xl" />
    </div>
  );
}