Web Shot Button

A red glass button that shoots silk threads at the pointer. They leave from the edge facing it, meet at the pointer and spring back when it leaves. Red by default, or any tint, and the label turns black on light glass. On a phone, press and drag out of the button.

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

import { ArrowRight } from "lucide-react";
import { Component as WebShotButton } from "@/components/ui/web-shot-button";

export default function WebShotButtonDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-10">
      <WebShotButton>
        Explore components
        <ArrowRight />
      </WebShotButton>
    </div>
  );
}