ClickPowerUp

ClickPowerUp is the first Evil Buttons registry item. It wraps button content with a hover panel, animated corner brackets, and a short tap state for punchy feedback.

Preview

ClickPowerUp

Interactive

Install

Run the registry builder locally, then add the item with the shadcn CLI.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/click-powerup.json

Usage

[]txt

import { ClickPowerUp } from "@/components/evil-buttons/click-powerup";

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

Props

Prop	Type	Default	Description
`children`	`React.ReactNode`	-	The visible button label or content.
`className`	`string`	-	Extra classes passed to the inner `button`.
`tapDuration`	`number`	`500`	How long the tapped state remains active, in milliseconds.

Registry

The registry item includes components/evil-buttons/click-powerup.tsx and installs motion, clsx, and tailwind-merge as dependencies. The component imports cn from @/lib/utils, matching the project alias in components.json.