Copy Button Components
A collection of elegant and functional copy button components that provide smooth user interactions for copying text to clipboard. Perfect for code snippets, links, or any content that users need to copy with visual feedback.
📋 Classic Copy Button
A clean and minimal copy button with smooth hover effects and success feedback.
npx shadcn@latest add button
🎨 Enhanced Copy Button
An advanced copy button with animated icons, better visual feedback, and improved accessibility features.
bash
$ npm create vite@latest
✨ Features
- Smooth Animations: Elegant hover and click animations
- Visual Feedback: Clear indication when content is copied
- Accessibility: Proper ARIA labels and keyboard navigation
- Customizable: Easy to style and adapt to your design system
- Cross-browser: Works consistently across all modern browsers
🚀 Usage
Both components are ready to use and can be easily integrated into your React applications. Simply import the component and pass the text you want to copy as a prop.