# Luxury Elegance Button

> 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.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/luxury-elegance-button

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/luxury-elegance-button?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt