nginx-ui Documentation

Yet another WebUI for Nginx

11,652 stars Go Go 145 files ยท ~125,872 tokens #code-completion#copilot#cron#docker#go#letsencrypt#linux#macos
RAW Doc

Docker & Self-Hosted Deployment Verified OCI

Deploy nginx-ui on any server, homelab, or cloud container platform.

1-Click Terminal Command
bash (docker run)
docker run -d --name nginx-ui -p 9003:9003 --restart always uozi/nginx-ui-demo:latest
Configured Services & Ports
โš™๏ธ nginx-demo-1
image: uozi/nginx-ui-demo:latest
๐Ÿ”Œ Ports: 9003:80
โš™๏ธ nginx-demo-2
image: uozi/nginx-ui-demo:latest
docker-compose.yml
yaml (docker-compose.yml)
services:
  nginx-demo-1:
    image: uozi/nginx-ui-demo:latest
    restart: always
    networks:
      - nginx-ui-network
    environment:
      - NGINX_UI_NODE_DEMO=true
    ports:
      - "9003:80"

  nginx-demo-2:
    image: uozi/nginx-ui-demo:latest
    restart: always
    environment:
      - NGINX_UI_NODE_DEMO=true
    networks:
      - nginx-ui-network

networks:
  nginx-ui-network:
    driver: bridge
    driver_opts:
      com.docker.network.bridge.enable_ip_masquerade: 'false'

File: docs/index.md


https://vitepress.dev/reference/default-theme-home-page

layout: home

title: Nginx UI
titleTemplate: Yet another Nginx Web UI

hero:
name: "Nginx UI"
text: "Yet another Nginx Web UI"
tagline: Intelligent, powerful, and fast.
image:
src: /assets/icon.svg
alt: Nginx UI
actions:
- theme: brand
text: Get Started
link: /guide/about
- theme: alt
text: View on Github
link: https://github.com/0xJacky/nginx-ui

features:
- icon: ๐Ÿ“Š
title: Online Statistics for Server Indicators
details: Monitor CPU usage, memory usage, load average, and disk usage in real-time.
- icon: ๐Ÿ’พ
title: Automatic Configuration Backup
details: Configurations are automatically backed up after modifications, allowing you to compare any versions or restore to any previous version.
- icon: ๐Ÿ”„
title: Cluster Management
details: Support for mirroring operations to multiple cluster nodes, easily manage multi-server environments.
- icon: ๐Ÿ“ค
title: Encrypted Configuration Export
details: Export encrypted Nginx / Nginx UI configurations for quick deployment and recovery to new environments.
- icon: ๐Ÿ’ฌ
title: Enhanced Online ChatGPT Assistant
details: Support for multiple models, including displaying Deepseek-R1's chain of thought to help you better understand and optimize configurations.
- icon: ๐Ÿ”
title: Code Completion
details: Code editor supports code completion, help you write configuration faster.
- icon: ๐Ÿค–
title: MCP (Model Context Protocol)
details: Provides special interfaces for AI agents to interact with Nginx UI, enabling automated configuration management and service control.
- icon: ๐Ÿ–ฑ๏ธ
title: One-Click Deployment and Automatic Renewal
details: Easily deploy and auto-renew Let's Encrypt certificates with just one click.
- icon: ๐Ÿ› ๏ธ
title: Online Editing Websites Configurations
details: Edit configurations using our NgxConfigEditor block editor or Ace Code Editor with nginx syntax highlighting.
- icon: ๐Ÿ“œ
title: Online View Nginx Logs
details: Access and view your Nginx logs directly online.
- icon: ๐Ÿ’ป
title: Written in Go and Vue
details: The platform is built with Go and Vue, and distributed as a single executable binary.
- icon: ๐Ÿ”„
title: Automatically Test and Reload Configurations
details: Test configuration files and reload nginx automatically after saving changes.
- icon: ๐Ÿ–ฅ๏ธ
title: Web Terminal
details: Access a web-based terminal for easy management.
- icon: ๐ŸŒ™
title: Dark Mode
details: Enable dark mode for a comfortable user experience.
- icon: ๐Ÿ“ฑ
title: Responsive Web Design
details: Enjoy a seamless experience on any device with responsive web design.
- icon: ๐Ÿ”
title: 2FA Authentication
details: Secure sensitive actions with two-factor authentication.