Floating Dots CTA

A gradient call-to-action button with rising floating dot particles and an animated arrow icon on hover, for signup or primary actions.

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

import FloatingDotsCta from "@/components/ui/floating-dots-cta";

export default function FloatingDotsCtaDemo() {
  return (
    <div className="flex min-h-[300px] w-full items-center justify-center bg-background p-10">
      <FloatingDotsCta />
    </div>
  );
}