Back to Components
Buttons

Aurora Button

An animated button with a flowing gradient effect that shifts between your primary and secondary colors. Perfect for calls-to-action.

Dependencies

  • @radix-ui/react-slot
  • class-variance-authority
  • clsx
  • tailwind-merge

Files

  • components/ui/aurora-button.tsx

Installation

Using shadcn CLI

npx shadcn add aurora-button --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install @radix-ui/react-slot class-variance-authority clsx tailwind-merge