Visual Sitemap Explorer

A tool that takes website sitemaps (e.g. WordPress XML), loads each page, and visualizes the site as a zoomable, draggable graph.

How It Works

1. Enter a Domain

Atlas automatically checks for sitemap.xml at the root of the domain.

2. Parse Sitemap

Extracts all URLs from the sitemap, including nested sitemaps. Supports WordPress XML sitemaps and standard XML sitemap formats.

3. Create Visualization

Each page becomes a node in an interactive graph. Nodes show thumbnail screenshots by default and can be toggled to show live iframe previews.

Technology Stack

Frontend

  • Next.js 15 (App Router, TypeScript)
  • Tailwind CSS
  • React Flow
  • Framer Motion

Backend

  • Firebase (Firestore, Storage, Auth)
  • Node.js scripts for sitemap crawling
  • Puppeteer for screenshot generation