Brutalism Pastel Add to Cart Button
Brutalism-inspired Add to Cart button with a pastel color scheme, moderate complexity, and responsive design with dark mode support. Suitable for a blog or content website.
HTML Code
<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>Related Components
Add to Cart Button
A responsive Add to Cart button component designed in a skeuomorphic style, with vibrant colors and dark theme support, suitable for social media interfaces.
Add to Cart Button Component
A responsive "Add to Cart" button component styled with Material Design principles, featuring a triadic color scheme and supporting dark mode. Designed for dashboard use, it includes a quantity selector and integrates depth effects using Tailwind CSS for shadows and animations.
Add to Cart Button Component
A nature-inspired, pastel-colored 'Add to Cart' button component designed for healthcare/medical applications, featuring flowing lines and responsive design with dark mode support.