Gradient Button

A styled button with gradient colors and visual effects for modern UIs.

Installation

terminal

pnpm dlx layro-cli add @kokonut-labs/gradient-button

npx layro-cli add @kokonut-labs/gradient-button

npx layro-cli add @kokonut-labs/gradient-button

bunx layro-cli add @kokonut-labs/gradient-button

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

/**
 * @author: @dorianbaffier
 * @description: Gradient Button
 * @version: 1.1.0
 * @date: 2025-06-26
 * @license: MIT
 * @website: https://kokonutui.com
 * @github: https://github.com/kokonut-labs/kokonutui
 */

import type { ComponentProps, ReactNode } from "react";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";