Composants Cartes Composant Retro Maps

Composant Retro Maps

Un composant de cartes simple et réactif avec un design rétro/vintage, une palette de couleurs analogue et une prise en charge du thème sombre, utilisant Tailwind CSS. Convient aux blogs ou aux sites Web de contenu.

Aperçu

HTML Code

<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg">
  <div class="aspect-w-16 aspect-h-9">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.7108355932566!2d144.963735!3d-37.814107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b8c21cb29b%3A0x5045675218da3d1!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sus!4v1646014098405!5m2!1en!2sus" 
            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg"></iframe>
  </div>
</div>

Composants associés

Composant de carte de tableau de bord brutaliste

Un composant de carte de tableau de bord de style brutaliste avec des couleurs vives, un contraste élevé, des éléments interactifs complexes, un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS.

Ouvrir

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.

Ouvrir

Composant Cartes 3D

Composant de carte 3D réactif pour les sites Web d’entreprise avec prise en charge du mode sombre.

Ouvrir