Components
Click Power Up
An animated button with sprung corner brackets, a diagonal patterned fill, and a power-up tap burst. On hover the brackets push outward and a fill panel arms; on tap it snaps to a teal charged state. Theme-aware via CSS vars, powered by Motion.
"use client";
import { ClickPowerUp } from "@/components/ui/click-powerup";
export default function Default() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
<ClickPowerUp>Deploy Doom</ClickPowerUp>
</div>
);
}