Navigation & Overlays

Gradient Button Group

Layered icon button group for React and shadcn/ui with an animated active ring and a built-in light and dark theme toggle.

Updated

GradientButtonGroup is a React navigation component for shadcn/ui built with Motion and next-themes. Use it as a compact dashboard toolbar or section switcher in app shells.

Installation

pnpm dlx shadcn@latest add @cult-ui/gradient-button-group

Usage

import { GradientButtonGroup } from "@/components/ui/gradient-button-group"; export function Example() { return <GradientButtonGroup />; }