Premium Button

A premium button with a dynamic gradient background and hover effects.

Installation

Run the following command to install the component:

npx rareui add premium-button

This will install the component to components/rareui/ directory.

Usage

import { PremiumButton } from '@/components/rareui/premium-button';

export default function App() {
  return (
    <PremiumButton />
  );
}

Features

  • Dynamic Gradient: Animated gradient background that shifts on hover
  • Shadow Effects: Text shadow and box shadow for depth
  • Smooth Transitions: 300ms ease-out transitions
  • Premium Icon: Built-in SVG crown icon
  • Responsive: Scales beautifully on all device sizes

Props

This component currently doesn't accept props. To customize, modify the component code directly after installation.

Previous
Next