Tactile Button

An interactive dark liquid-fill call-to-action button with a WebGL ripple/sloshing shader that reacts to cursor movement and clicks, delivered as a self-contained isolated embed.

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

import TactileButton from "@/components/ui/tactile-button";

export default function TactileButtonDemo() {
  return (
    <div className="h-[420px] w-full overflow-hidden">
      <TactileButton className="h-full w-full" />
    </div>
  );
}