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

Examples

Outline Variant

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.
variant"default" | "outline""default"The variant of the button.
size"default" | "sm" | "lg" | "icon""default"The size of the button.