Components
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.
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;
Published
Similar components
Explore more
Part of nur/ui — browse the full library on 21st.dev.