Components
Loading preview...
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.
@radiumcoders
npx shadcn@latest add https://21st.dev/r/radiumcoders/click-powerup"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>
);
}