Gradient Button

Button with animated gradient border and glow effects, supporting emerald, purple, and orange color variants

import GradientButton from "@/components/vritti/gradient-button"

export function GradientButtonExample() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-4 p-8">
      <GradientButton label="Emerald" variant="emerald" />
      <GradientButton label="Purple" variant="purple" />
      <GradientButton label="Orange" variant="orange" />
    </div>
  )
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/gradient-button"