gradient button

The Gradient Button component is a stylised React button (part of the Nurui UI library) designed for modern UIs. It features an animated, rainbow-gradient border, supports accessibility, and has props for customizing border width, colors, animation duration, border radius, blur amount, button background colour, text content, and additional CSS classes.

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

import React from "react";
import GradientButton from "@/components/ui/gradient-button";

const GradientButtonDemo = () => {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <GradientButton />
    </div>
  );
};

export default GradientButtonDemo;