Motoko UI Released — Explore the components
Motoko UI

Rainbow Button

A black (white in dark mode) button with an animated rainbow border.

Installation

pnpm dlx shadcn@latest add @motokoui/rainbow-button

Usage

import { RainbowButton } from "@/components/ui/rainbow-button"
 
export default function Example() {
  return <RainbowButton>Click me</RainbowButton>
}

Sizes

SizeDescription
smCompact
defaultStandard (h-12)
lgLarge
iconCircular icon button

Props

PropTypeDefault
sizedefault | sm | lg | icondefault
asChildbooleanfalse
isDisabledbooleanfalse