⚠️ Mobile is not supported yet.

Command Palette

Search for a command to run...

[Explore]
[Search]
[Saved]

Terms of Service Privacy Policy

Rainbow Button – shadcn/ui Component by magicui | shadcnregistry

Registries
magicui
Rainbow Button

Rainbow Button

ui

An animated button with a rainbow effect.

Provided by magicui

Open in https://v0.dev/Open in

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://magicui.design/r/rainbow-button"

Files

Styles

Light Mode

--color-1:

oklch(66.2% 0.225 25.9)

--color-2:

oklch(60.4% 0.26 302)

--color-3:

oklch(69.6% 0.165 251)

--color-4:

oklch(80.2% 0.134 225)

--color-5:

oklch(90.7% 0.231 133)

Dark Mode

--color-1:

oklch(66.2% 0.225 25.9)

--color-2:

oklch(60.4% 0.26 302)

--color-3:

oklch(69.6% 0.165 251)

--color-4:

oklch(80.2% 0.134 225)

--color-5:

oklch(90.7% 0.231 133)

Theme

--animate-rainbow:

rainbow var(--speed, 2s) infinite linear

CSS