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

Command Palette

Search for a command to run...

Docs
Shiny Button

Shiny Button

A shiny button component with dynamic styles in the dark mode or light mode.

Installation

Usage

import { ShinyButton } from "@/components/magicui/shiny-button";
<ShinyButton>Shiny Button</ShinyButton>

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component
childrenReact.ReactNode-The content to be displayed inside the button

Credits