Composant Cartes
Un composant de cartes réactives de style neumorphisme, prenant en charge le thème sombre et présentant des images de remplacement.
HTML Code
<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-lg flex flex-col items-center">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Maps Component</h2>
<div class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-xl w-full md:w-96">
<img src="https://picsum.photos/400/300" alt="Placeholder Map" class="rounded-lg w-full h-auto" />
</div>
<div class="flex mt-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="rounded-full w-10 h-10 border-2 border-white dark:border-gray-800 shadow-md" />
<div class="ml-3">
<p class="text-sm text-gray-700 dark:text-gray-300">User Name</p>
<p class="text-xs text-gray-500 dark:text-gray-400">Location</p>
</div>
</div>
</div>Composants associés
MemphisMapsComponent_CryptoBlockchain
Un composant de cartes complexe et réactif inspiré du « Memphis Design » pour les applications de crypto-monnaie/blockchain, avec des couleurs audacieuses, des formes géométriques et une palette de couleurs chaudes de coucher de soleil. Comprend la prise en charge du mode sombre et des éléments interactifs.
LuxuryFoodMapsComposant
Un composant de carte de nourriture/restaurant élégant et réactif avec une palette de couleurs sur le thème des bonbons, adapté aux ordinateurs de bureau, aux tablettes et aux mobiles, y compris la prise en charge du mode sombre. Comprend une zone de carte bien visible et une liste d’emplacements de restaurants haut de gamme.
Composant Retro Maps
Un composant de cartes simple, réactif et compatible avec le mode sombre, avec une esthétique rétro/vintage, une palette de couleurs vives et un objectif professionnel/d’entreprise, construit avec Tailwind CSS.