Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Command Palette

Search for a command to run...

Docs
Rainbow Button

Rainbow Button

An animated button with a rainbow effect.

Installation

Usage

import { RainbowButton } from "@/components/magicui/rainbow-button";
<RainbowButton>Rainbow Button</RainbowButton>

Props

PropTypeDefaultDescription
childrenReact.ReactNode-The content to be displayed inside the button.
classNamestring-Additional CSS classes to be applied to the button.