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

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.

Ouvrir

Composant Cartes

Un composant de cartes réactif conçu avec le style Glassmorphism, avec un thème sombre et des classes CSS Tailwind. Convient aux tableaux de bord avec visualisation des données et panneaux de contrôle.

Ouvrir