CCHub Logo CCHub Tailwind Collection
Komponenten Medien einbetten Komponente "Medien einbetten"

Komponente "Medien einbetten"

Eine Media Embed-Komponente, die für den E-Commerce mit einem 3D-Designstil, einem komplementären Farbschema und einem responsiven Layout entwickelt wurde und den Dunkelmodus unterstützt.

Vorschau

HTML-Code 

<div class="max-w-md mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-2xl transform hover:scale-105 transition-transform duration-300 ease-in-out">
    <div class="relative">
        <img src="https://picsum.photos/400/200" alt="Product Image" class="w-full h-48 object-cover rounded-t-lg">
        <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4 rounded-b-lg">
            <h2 class="text-white text-lg font-semibold">Product Title</h2>
            <p class="text-gray-300">Short description of the product goes here.</p>
        </div>
    </div>
    <div class="p-4">
        <p class="text-gray-800 dark:text-gray-200">Add to Cart</p>
        <div class="flex justify-between items-center mt-2">
            <span class="text-gray-800 dark:text-gray-200 font-bold text-xl">$49.99</span>
            <button class="bg-green-500 hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-800 text-white font-bold py-2 px-4 rounded">Buy Now</button>
        </div>
    </div>
</div>

Verwandte Komponenten

Brutalist_Retro_Media_Embed_E-Commerce

Eine komplexe, reaktionsschnelle Medieneinbettungskomponente im brutalistischen Stil für den E-Commerce mit hohem Kontrast, einer Retro-Farbpalette, Unterstützung des Dunkelmodus und mehreren interaktiven Elementen für Produktpräsentationen.

Offen

Komponente zum Einbetten von Medien

Eine reaktionsschnelle Medieneinbettungskomponente, die mit Skeuomorphismus unter Verwendung eines monochromatischen Farbschemas entwickelt wurde. Es enthält einen Videoplayer, einen Transkriptbereich und Schaltflächen zum Teilen in sozialen Netzwerken. Das Design unterstützt den Dunkelmodus und wurde mit Tailwind CSS erstellt.

Offen

Medieneinbettungskomponente - Marketplace

Eine komplexe, reaktionsschnelle Medieneinbettungskomponente, die für einen Marktplatz entwickelt wurde und sich durch eine Material-Design-Ästhetik mit einer Retro-/Vintage-Farbpalette und Unterstützung für den Dunkelmodus auszeichnet.

Offen