Fancy Button

Preview

Installation

npx shadcn@latest add @cubby-ui/fancy-button

Usage

import { FancyButton } from "@/components/ui/cubby-ui/fancy-button";

<FancyButton />

Examples

Sizes

Choose from multiple button sizes.

With Icons

Add icons for visual context.

Custom Colors

Apply custom color schemes.

Loading State

Display loading indicator during async actions.

Disabled State

Show disabled state for unavailable actions.

As Link

Render as a Next.js Link component.

API Reference

The FancyButton component is built on top of Base UI's Button. All Base UI props are supported. The documentation below only covers custom props specific to our implementation.

For the complete Base UI API, see the Base UI Button documentation.

Props

FancyButton

Stylized button with gradient effects and animations. Wraps Base UI's Button.