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

19.0k
165

Shiny Button

PreviousNext

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

Installation

pnpm dlx shadcn@latest add @magicui/shiny-button

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