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

Bauhaus Wunschzettel Komponente

Eine einfache, reaktionsschnelle Wunschlistenkomponente für Mode-/Beauty-Produkte, die nach Bauhaus-Prinzipien entworfen wurden, mit coolen neutralen Farben und Unterstützung für den Dunkelmodus.

Offen

Wunschlisten-Komponente

Dark Mode Wishlist Komponente mit einfachem monochromatischem Design für das Armaturenbrett

Offen

Wunschlisten-Komponente

Eine reaktionsschnelle Wunschlistenkomponente für Sport-/Fitnessanwendungen mit Mikrointeraktionen, kontrastreichem Farbschema und Unterstützung für den Dunkelmodus. Benutzer können Elemente hinzufügen/entfernen und visuelles Feedback anzeigen.

Offen