Thruster Button

A magnetic button that rests on the floor of its container, flies to the cursor on compressed-air jets trailing WebGL smoke, and lands where it is when the cursor leaves.

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

import ThrusterButton from "@/components/ui/thruster-button";

export default function ButtonDemo() {
  return (
    <div className="relative h-80 w-full">
      <ThrusterButton>Launch</ThrusterButton>
    </div>
  );
}