Simple Button
Clean, minimal button design with smooth interactions
Demo
Experience our simple button in action
Primary Button
Secondary Button
Ghost Button
Features
Simple, powerful, and versatile button components
Minimal Design
Clean and simple interface with purple gradient background for modern look
Interactive Controls
Responsive button panels with smooth hover effects and click animations
Color Variants
Multiple color themes to match your brand identity and design preferences
Easy Integration
- • Copy-paste ready code
- • Responsive by default
- • Zero dependencies
- • Lightweight and fast
Customizable
- • Flexible sizing options
- • Multiple states support
- • Smooth animations
- • Accessibility optimized
Code
Copy-paste ready examples for instant implementation.
Basic Button
<button class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
Click me
</button>Button with Icon
<button class="inline-flex items-center px-4 py-2 bg-indigo-600 text-white rounded-lg">
<svg class="w-4 h-4 mr-2">...</svg>
Download
</button>Loading State
<button class="px-4 py-2 bg-gray-600 text-white rounded-md">
<svg class="animate-spin w-4 h-4 mr-2">...</svg>
Loading...
</button>
