CCHub Logo CCHub Tailwind Collection
Komponenten Wunschzettel Wunschlisten-Komponente

Wunschlisten-Komponente

Eine responsive Wunschlisten-Komponente, die im Dunkelmodus mit Tailwind CSS erstellt wurde. Es verfügt über ein Kartenlayout für Elemente mit Bildern, Beschreibungen und Benutzer-Avataren, das dunkle Themen und reaktionsschnelle Effekte unterstützt.

Vorschau

HTML-Code 

<div class="min-h-screen bg-gray-900 flex items-center justify-center">
    <div class="w-full max-w-2xl p-6 bg-gray-800 rounded-lg shadow-lg">
        <h2 class="text-2xl font-bold text-white mb-4">My Wishlist</h2>
        <div class="space-y-4">
            <div class="flex items-center bg-gray-700 rounded-lg p-4">
                <img src="https://picsum.photos/80/80" alt="Item Image" class="rounded-full w-16 h-16 mr-4">
                <div>
                    <h3 class="text-xl text-white">Item Title 1</h3>
                    <p class="text-gray-400">Short description of the item goes here.</p>
                </div>
            </div>
            <div class="flex items-center bg-gray-700 rounded-lg p-4">
                <img src="https://picsum.photos/80/80" alt="Item Image" class="rounded-full w-16 h-16 mr-4">
                <div>
                    <h3 class="text-xl text-white">Item Title 2</h3>
                    <p class="text-gray-400">Short description of the item goes here.</p>
                </div>
            </div>
            <div class="flex items-center bg-gray-700 rounded-lg p-4">
                <img src="https://picsum.photos/80/80" alt="Item Image" class="rounded-full w-16 h-16 mr-4">
                <div>
                    <h3 class="text-xl text-white">Item Title 3</h3>
                    <p class="text-gray-400">Short description of the item goes here.</p>
                </div>
            </div>
        </div>
    </div>
</div>

Verwandte Komponenten

Cyberpunk-Wunschlisten-Komponente

Eine komplexe Wunschlistenkomponente zum Thema Cyberpunk für Kryptowährungs-/Blockchain-Anwendungen mit dunklem Hintergrund, neonfarbenen Juwelenakzenten und responsivem Design mit Unterstützung des Dunkelmodus.

Offen

Wunschliste Immobilienkomponente

Eine reaktionsschnelle und kontrastreiche Wunschlistenkomponente für Immobilien, inspiriert von den Prinzipien des Material Design, mit Unterstützung des Dunkelmodus.

Offen

Wunschlisten-Komponente

Eine einfache, reaktionsschnelle Wunschlistenkomponente für Business-/Unternehmenswebsites mit Mikrointeraktionen. Verfügt über ein analoges Farbschema (blau-grün-blaugrün), Unterstützung für dunkle Themen und subtile Hover-Animationen. Die Komponente zeigt Wunschlistenartikel mit Produktbildern, Namen, Preisen und Aktionsschaltflächen an.

Offen