ShinyButton

ShinyButton is a glossy, gradient-styled button with a layered inner glow effect. It features a smooth press animation with scale and shadow feedback for a polished, tactile feel.

Preview

ShinyButton

Interactive

Install

Add the item with the shadcn CLI.

npx shadcn@latest add @evilbuttons/shiny-button

Usage

[]txt

import ShinyButton from "@/components/evil-buttons/shiny-button";

export function ButtonDemo() {
  return <ShinyButton>Launch</ShinyButton>;
}

Props

Prop	Type	Default	Description
`children`	`React.ReactNode`	-	The visible button label or content.

Registry

The registry item includes components/evil-buttons/shiny-button.tsx. This is a pure CSS component with no external dependencies.