Gradient Button Group

Premium layered button group with animated active state, gradient ring accents, and smooth layout transitions.

button navigation animation gradient group

"use client"

import { GradientButtonGroup } from "@/components/vritti/gradient-button-group"

export function GradientButtonGroupExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <GradientButtonGroup />
    </div>
  )
}

Installation


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

Dependencies


pnpm add motion