Composant de la liste de souhaits
Un composant de liste de souhaits réactif conçu en mode sombre à l’aide de Tailwind CSS. Il dispose d’une disposition de carte pour les éléments avec des images, des descriptions et des avatars d’utilisateur, prenant en charge le thème sombre et les effets réactifs.
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>Composants associés
Composant de la liste de souhaits
Un composant de liste de souhaits réactif conçu avec des éléments skeuomorphes et des couleurs complémentaires pour un tableau de bord à thème sombre.
Composant de la liste de souhaits
Un composant de liste de souhaits réactif pour le conseil/les services, avec des principes de conception matérielle, une palette de couleurs néon/électrique et la prise en charge du mode sombre. Il affiche les services avec des images, des titres, des descriptions et un bouton « Demander un devis », ainsi qu’un bouton « Supprimer » pour les articles.
Composant de la liste de souhaits Cyberpunk
Un composant complexe de liste de souhaits sur le thème du cyberpunk pour les applications de crypto-monnaie/blockchain, avec des arrière-plans sombres, des accents de bijoux néon et un design réactif avec prise en charge du mode sombre.