Ripple Button

An animated button with ripple useful for user engagement.

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

import { RippleButton } from "@/components/ui/ripple-button";

function RippleButtonDemo() {
  return <RippleButton rippleColor="#ADD8E6">Click me</RippleButton>;
}

export { RippleButtonDemo};