Components E-commerce Components E-commerce Components Component

E-commerce Components Component

E-commerce component for a minimalist business website, with responsive design and dark theme support.

Preview

HTML Code

<div class="bg-white dark:bg-gray-900 text-gray-900 dark:text-white p-6 rounded-lg shadow-md">
  <h2 class="text-2xl font-semibold mb-4">Product Title</h2>
  <img src="https://picsum.photos/600/400" alt="Product Image" class="w-full h-48 object-cover rounded-lg mb-4">
  <p class="text-lg mb-4">$99.99</p>
  <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Add to Cart</button>
</div>

Related Components

E-commerce Components

A moderate complexity e-commerce component with a dark mode design using earth tone colors for a portfolio showcase.

Open

Neumorphic_Charity_E-commerce_Component

A complex, responsive e-commerce component designed for non-profit/charitable organizations, featuring a soft neumorphic style with a sepia/brown color scheme and dark mode support.

Open

E-commerce Components Component

A brutalist e-commerce component for a blog, featuring a vibrant color scheme and moderate complexity. It includes a responsive design with dark theme support using Tailwind CSS.

Open