Add to Cart Button
Brutalism-inspired Add to Cart button with vibrant colors and dark mode support.
HTML Code
<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
Add to Cart
</button>Related Components
Add to Cart Button Component
A responsive 'Add to Cart' button with engaging microinteractions, sunset/warm tones, suitable for food/restaurant websites, featuring a subtle animation on hover/click and dark mode support.
Add to Cart Button Component
A complex, skeuomorphic 'Add to Cart' button component designed for gaming interfaces, featuring an analogous color scheme and full responsiveness with dark mode support.
Add to Cart Button
A Skeuomorphic Add to Cart button with responsive effects and dark theme support.