Komponente "E-Commerce-Komponenten"
E-Commerce-Komponente für eine minimalistische Business-Website mit responsivem Design und Unterstützung für dunkle Themen.
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>
Verwandte Komponenten
E-Commerce-Produktkarte für die Landwirtschaft
Eine verspielte und fröhliche Produktkartenkomponente für landwirtschaftliche E-Commerce-Websites mit abgerundeten Elementen, Ozean-/Blautönen, responsivem Design und Unterstützung für den Dunkelmodus.
Komponente "E-Commerce-Komponenten"
Eine einfache, reaktionsschnelle Immobilienkarte mit einem von Papier/Druck inspirierten Design und einem erdfarbenen Farbschema, einschließlich Unterstützung des Dunkelmodus.
Neumorphe E-Commerce-Produktkarte
Eine E-Commerce-Produktkartenkomponente im Soft-UI-Stil (Neumorphism) mit Graustufenfarben, die für Geschäfts-/Unternehmenswebsites entwickelt wurde. Es verfügt über ein Produktbild, einen Titel, einen Preis und eine Schaltfläche "In den Warenkorb", vollständig reaktionsschnell und mit Unterstützung für den Dunkelmodus.