Voice Coil Actuator

An animated SVG diagram of a bidirectional voice-coil (moving-coil) actuator, with a draggable carriage, qualitative magnetic field lines, and four camera views (plan, front, profile, iso).

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

import { VoiceCoilActuator } from "@/components/ui/voice-coil-actuator";

export default function VoiceCoilActuatorDemo() {
  return (
    <div className="flex w-full h-full items-center justify-center bg-background p-10">
      <VoiceCoilActuator behavior="oscillate" view="iso" />
    </div>
  );
}