Nginx Config Visualizer

Paste or upload your nginx config and get an interactive graph (servers → locations → upstreams/targets).
How to use this tool
  1. Provide config: paste nginx config OR upload a .conf.
    Tip: selecting a file clears the textarea automatically.
  2. Visualize: the tool parses server, location, upstream, and common routing directives.
  3. Navigate: drag to pan, mouse wheel/trackpad to zoom.
  4. Search: type a node name and click Focus.
  5. Pivot / Flip: use Pivot to change direction; use Flip H for LR/RL and Flip V for UD/DU. Use Fit any time.
  6. Exports:
    • Export PNG exports only what you see in the graph area.
    • Export Full PNG exports the whole graph at current zoom (recommended).
    • Download JSON exports nodes/edges data.
    • Download Mermaid exports diagram text.
  7. Full page: use Full page for a clean graph-only view. Press Esc or the close button to exit.
Notes
  • Downloads expire after a short time — regenerate if disabled.
  • include paths are shown as reference nodes; included files are not auto-loaded.
Interactive Graph Expiring downloads
Back to Tools

Input

Max upload size (<=2MB) is enforced by settings.
1
What this shows
  • Top-level relationship: nginx → server blocks → location blocks → proxy_pass targets
  • Upstreams are linked when proxy_pass references a named upstream
  • Includes are displayed as reference nodes (paths are not resolved)

Graph

Visual output will appear here after you click Visualize.