Animated Generate Button (shadcn + Tailwind)

A reusable, accessible React button that mirrors the Uiverse “dexter-st” glow/flicker animation using Tailwind utilities and scoped CSS. It integrates with shadcn theme tokens, supports idle/active labels, a controllable generating state, and a customizable highlight hue for easy theming.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Generate Button (shadcn + Tailwind) to your project and fits it to your theme.

import AnimatedGenerateButton from "@/components/ui/animated-generate-button-shadcn-tailwind";

export default function DemoOne() {
  return <AnimatedGenerateButton
  labelIdle="Generate"
  labelActive="Building"
  highlightHueDeg={5000} 
/>;
}