Buttons Component
A minimalist buttons component designed for a portfolio showcasing work or products, featuring vibrant colors and responsive design with dark theme support using Tailwind CSS.
HTML Code
<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
<div class="space-y-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
</div>
</div>Related Components
Buttons Component
A set of interactive buttons designed for a portfolio, featuring microinteractions, a complementary color scheme, and full responsiveness with dark mode support.
Playful Entertainment Buttons
A set of playful and fun buttons designed for an entertainment or media platform, featuring muted/desaturated colors and rounded elements. Responsive and includes dark mode support.
Buttons Component
A Buttons Component designed in Material Design style with a pastel color scheme, responsive for business/corporate websites, and supporting dark themes.