Mihomo Dashboard, The Official One, XD
- π Real-time traffic monitoring and statistics
- π Proxy group management with latency testing
- π‘ Connection tracking and management
- π Rule viewer with search functionality
- π Live log streaming
- π¨ Beautiful UI with light/dark theme support
- π± Fully responsive design for mobile devices
- π Multi-language support (English, δΈζ, Π ΡΡΡΠΊΠΈΠΉ)
Desktop Screenshots
| Overview | Proxies |
|---|---|
 |  |
| Connections | Rules |
|---|---|
 |  |
| Logs | Config |
|---|---|
 |  |
Mobile Screenshots
| Overview | Proxies | Connections |
|---|---|---|
 |  |  |
| Rules | Logs | Config |
|---|---|---|
 |  |  |
| Platform | URL |
|---|---|
| GitHub Pages | https://metacubex.github.io/metacubexd |
| Cloudflare Pages | https://metacubexd.pages.dev |
Enable external-controller in your mihomo config:
external-controller: 0.0.0.0:9090# Clone the gh-pages branch git clone https://github.com/metacubex/metacubexd.git -b gh-pages /etc/mihomo/ui # Set external-ui in your config # external-ui: /etc/mihomo/ui # Update to latest version git -C /etc/mihomo/ui pull -r# Basic usage docker run -d --restart always -p 80:80 --name metacubexd ghcr.io/metacubex/metacubexd # With custom default backend URL docker run -d --restart always -p 80:80 --name metacubexd \ -e DEFAULT_BACKEND_URL=http://192.168.1.1:9090 \ ghcr.io/metacubex/metacubexd # Update docker pull ghcr.io/metacubex/metacubexd && docker restart metacubexdDocker Compose
services: metacubexd: container_name: metacubexd image: ghcr.io/metacubex/metacubexd restart: always ports: - '80:80' # environment: # - DEFAULT_BACKEND_URL=http://192.168.1.1:9090 # Optional: mihomo instance mihomo: container_name: mihomo image: docker.io/metacubex/mihomo:Alpha restart: always pid: host network_mode: host cap_add: - ALL volumes: - ./config.yaml:/root/.config/mihomo/config.yaml - /dev/net/tun:/dev/net/tundocker compose up -d # Update docker compose pull && docker compose up -d# Install dependencies pnpm install # Build for static hosting (gh-pages, etc.) pnpm generate # Preview pnpm preview# Start dev server pnpm dev # Start dev server with mock data pnpm dev:mock # Lint & Format pnpm lint pnpm format- Nuxt - The Intuitive Vue Framework
- Vue.js - The Progressive JavaScript Framework
- daisyUI - Tailwind CSS components
- Tailwind CSS - Utility-first CSS framework