Components
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.
Loading preview...
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;