Marzbanify Template fork

Simple, beautiful, and user-friendly HTML template for Marzban & remnawave-json subscription page
Replaced apps:
Android: Clash Meta
PC: Clash Verge Rev
iOS: sing-box

Features · Installation · Personalization

Features

• The design is simple and intuitive, with minimal code.
• Theme switching: system, light, and dark modes.
• Language switching: English, Chinese, and Russian.
• Guides are provided for PC, Android, and iOS.
• Automatic detection of the user's theme, language, and device.

Installation remnawave-json

raw link: https://github.com/legiz-ru/marzbanify-template/raw/main/remnawave-json/index.html

Installation marzban

1. Upload the file to the server.

sudo wget -O /var/lib/marzban/templates/subscription/index.html https://github.com/legiz-ru/marzbanify-template/raw/main/index.html

2. Enter these commands to automatically specify the file path to the subscription page.

echo 'CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"' | sudo tee -a /opt/marzban/.env
echo 'SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"' | sudo tee -a /opt/marzban/.env

Or specify them manually by editing the Marzban .env file.

CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"
SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"

3. Restart Marzban to apply the changes.

marzban restart

Host Version

To use the host version, upload the sub folder to the host and change the value of BASE_URL to your panel address in the index.php file just like the following example.

const BASE_URL = "https://example.com:port";

Personalization

To customize the favicons, support link, and logo, you need to edit the index.html file. Replace the following default values with your own.

Favicons:

https://raw.githubusercontent.com/dermv/marzbanify-template/refs/heads/main/img/apple-touch-icon.png
https://raw.githubusercontent.com/dermv/marzbanify-template/refs/heads/main/img/favicon-16x16.png
https://raw.githubusercontent.com/dermv/marzbanify-template/refs/heads/main/img/favicon-32x32.png

Support link:

https://t.me/

Logo:

https://raw.githubusercontent.com/dermv/marzbanify-template/refs/heads/main/img/logo.png

Displaying Username

If you need to display the username, you can replace the subscription title. Simply find this line in the file:

<span class="fs-3 fw-bold me-auto" x-text="$t('subscription')"></span>

and replace it with:

<span class="text-break fs-3 fw-bold me-auto">{{ user.username }}</span>

For host version replace it with:

<span class="text-break fs-3 fw-bold me-auto"><?= $user['username'] ?></span>

After making changes, save the file and restart Marzban.