Components Maps Retro Maps Component

Retro Maps Component

A simple, responsive maps component with a retro/vintage design, analogous color scheme, and dark theme support, using Tailwind CSS. Suitable for blog or content websites.

Preview

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>

Related Components

Playful Maps Component for Gaming

A simple, playful, and responsive map component suitable for gaming websites, featuring bright jewel tones, rounded elements, and dark mode support.

Open

Maps Component

Responsive Maps Component with dark mode support using Tailwind CSS.

Open

Maps Component

A simple, responsive map component with a Material Design aesthetic and earth tone color scheme, featuring dark mode support. Suitable for entertainment/media platforms to show location-based content playfully.

Open