crashncrow

Visited Map

Free & open-source, ready-to-use world map for shadcn/ui that shows how much of the world you've seen. No tiles, no API keys. One command setup. Built on d3-geo, styled with Tailwind.

Get Started · Examples · API Reference · Map Builder

Installation

npx shadcn@latest add @visited-map/visited-map

import { VisitedMap } from "@/components/visited-map"

export default function Page() {
  return (
    
  )
}

Features

• 🗺️ No tiles, no API keys — Country shapes are bundled; nothing is fetched at runtime
• ⚡ Server Components — Renders as plain SVG on the server and ships no JavaScript by default
• 🎨 Theme-aware — Uses shadcn tokens, so light and dark mode work out of the box
• 📍 Countries & places — Mark countries as visited, lived, wishlist or current, and pin any city on top
• 📊 Stats — Shows the share of the world's 195 countries you've visited
• 🔍 Zoom & focus — Optional zoom and pan, or start zoomed in on a country
• 🧩 Yours to modify — Installed as source code in your project, like any shadcn/ui component
• 🛠️ Map Builder — Click the countries you've been to and copy the generated code

Data

• Country shapes come from world-atlas, and country names and centers from Natural Earth (public domain).
• The Map Builder also uses country names and continents from mledoze/countries (ODbL).

License

MIT License - see the LICENSE file for details.