AI Native UI Kit
Components

AI Button

A gradient call-to-action button for AI-powered actions.

Installation

npx shadcn@latest add https://ai-native-ui.com/r/ai-button.json

Usage

import { AIButton } from "@/components/ui/ai-button";

<AIButton onClick={() => generate()}>Create With AI</AIButton>;

Props

PropTypeDescription
childrenReactNodeLabel. Defaults to "Create With AI".
size"sm" | "md" | "lg"Button size.
hideIconbooleanHide the leading sparkle.
...buttonButtonHTMLAttributesAll native button props (onClick, disabled, …).

On this page