Components
A sophisticated, high-end button component featuring gold-accented ornamental design with smooth animations and elegant visual effects. This premium UI element includes:
Ornate Border Animation - A decorative gold border that draws itself on hover with smooth SVG path animation
Diamond-shaped Embellishments - Intricate gold ornaments on both sides that rotate elegantly on interaction
Dynamic Shine Effect - A subtle shimmer that gracefully sweeps across the button surface
Rich Color Palette - Deep purple gradient background with luxurious gold accents
Smooth Transitions - Refined hover, active, and focus states with polished animations
Perfect for premium websites, luxury brands, high-end applications, and exclusive services that require an elegant, sophisticated user interface element.
Features āØ Animated gold border with SVG path drawing effect
š Rotating diamond ornaments on hover
š Subtle shine animation for added elegance
šØ Deep purple gradient background with gold accents
š± Fully responsive and accessible
š±ļø Smooth interactive states with polished transitions
Usage Ideal for call-to-action buttons, navigation elements, or any interface component requiring a touch of luxury and sophistication. Easily customizable text and click handlers make it versatile for various premium applications.
Loading preview...
import { LuxuryButton } from "@/components/ui/luxury-elegance-button";
export default function DemoOne() {
return <LuxuryButton />;
}