Add to Cart Button
Add to Cart Button Component with Minimalist/Flat Design, Grayscale color scheme, Complex complexity level, for Dashboard purpose, with responsive design and dark theme support.
HTML Code
<button class="flex items-center justify-center w-40 h-10 bg-gray-800 text-white rounded-md shadow-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-600 focus:ring-opacity-50 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-gray-300 dark:focus:ring-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> </svg> Add to Cart </button>Related Components
Brutalism Add to Cart Button
A simple, brutalist-style 'Add to Cart' button component with high contrast, complementary colors, and social media purpose. Fully responsive with dark mode support.
Add to Cart Button
A 3D design Add to Cart button component with responsive effects and dark theme support using Tailwind CSS.
Glassmorphism Add to Cart Button
Add to Cart Button with Glassmorphism style, Monochromatic color scheme, and Moderate complexity. Responsive with Dark Mode support.