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 responsive buttons component with dark mode support, suitable for e-commerce, featuring a simple triadic color scheme.
Buttons Component
Skeuomorphism Analogous Complex Dashboard Buttons Component with responsive design and dark theme support.
Material Design Buttons Component
Material Design Buttons Component in Earth Tones for Social Media