Rainbow gradient CTA button
Animated conic-gradient border and glow, ships with a solid and an outline variant. High-attention CTA, best reserved for a single pricing page's featured plan rather than every button on a site.
Live preview
open in new tab ↗import { RainbowButton } from "@/components/magicui/rainbow-button"
export function RainbowButtonDemo() {
return <RainbowButton>Get unlimited access</RainbowButton>
}Block id: magicui-rainbow-buttonreact-tailwind · drop-in
More button blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.