Rainbow Borders Button

A stunning button component featuring an animated rainbow gradient border with a sleek dark gradient background. The rainbow border cycles through vibrant colors with a smooth animation, creating an eye-catching glow effect. Perfect for call-to-action buttons, gaming interfaces, or any modern web application that needs a bold, dynamic visual element. Built with Tailwind CSS and includes hover animations for enhanced interactivity

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

import { Button } from "@/components/ui/rainbow-borders-button";

export default function DemoOne() {
  return <Button />;
}