LightWay Sub Info

A lightweight and fast subscription information panel built with React, shadcn/ui, and Tailwind CSS.

Features

🚀 Ultra Lightweight: Optimized for maximum performance
🎨 Dual Theme Builds: Separate builds for light and dark modes
📱 Responsive Design: Works perfectly on all devices
🌐 Persian Language: Optimized for Persian users
⚡ Fast Loading: Lazy loading and code splitting
🎯 Single File Output: Easy deployment

Build Commands

Light Mode Build

npm run build:light

Output: build-light/ directory

Dark Mode Build

npm run build:dark

Output: build-dark/ directory

Development

npm run dev

Performance Optimizations

✅ Removed react-i18next (Persian only)
✅ Removed theme switching (separate builds)
✅ Removed js-cookie dependency
✅ Lazy loading for components
✅ Single file builds with vite-plugin-singlefile
✅ Terser minification
✅ Optimized CSS with Tailwind

Bundle Sizes

Light Mode: 344.26 kB (109.40 kB gzipped)
Dark Mode: 344.28 kB (109.41 kB gzipped)

Environment Variables

VITE_SUPPORT_URL=https://t.me/YourSupport
VITE_JSON_APPS_URL=https://your-apps-json-url.com/os.json
VITE_OFF_SECTIONS={"appsBox":true,"logoBox":true,"timeBox":true,"usageBox":true,"userBox":true,"supportBox":true,"configs":true}

Deployment

Choose your preferred theme (light or dark)
Run the corresponding build command
Deploy the generated build-light/ or build-dark/ directory
The build includes an index.php file for PHP hosting

Installation Steps

For Marzban

Light Theme

Download the light theme template

sudo wget -N -P /var/lib/marzban/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

Run the following commands in your server terminal

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 add the following values to the .env file in /opt/marzban directory by removing the # at the beginning:

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

Restart Marzban
```
marzban restart
```

Dark Theme

Download the dark theme template

# Get the latest dark release URL automatically
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/marzban/templates/subscription/ "$DARK_URL"

Run the following commands in your server terminal

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 add the following values to the .env file in /opt/marzban directory by removing the # at the beginning:

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

Restart Marzban
```
marzban restart
```

For Marzneshin

Light Theme

Download the light theme template

sudo wget -N -P /var/lib/marzneshin/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

Run the following commands in your server terminal

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

Or add the following values to the .env file in /etc/opt/marzneshin directory by removing the # at the beginning:

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

Restart Marzneshin
```
marzneshin restart
```

Dark Theme

Download the dark theme template

# Get the latest dark release URL automatically
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/marzneshin/templates/subscription/ "$DARK_URL"

Run the following commands in your server terminal

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

Or add the following values to the .env file in /etc/opt/marzneshin directory by removing the # at the beginning:

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

Restart Marzneshin
```
marzneshin restart
```

For Pasarguard

Light Theme

Download the light theme template

sudo wget -N -P /var/lib/pasarguard/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

Run the following commands in your server terminal

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

Or add the following values to the .env file in /opt/pasarguard directory by removing the # at the beginning:

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

Restart Pasarguard
```
pasarguard restart
```

Dark Theme

Download the dark theme template

# Get the latest dark release URL automatically
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/pasarguard/templates/subscription/ "$DARK_URL"

Run the following commands in your server terminal

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

Or add the following values to the .env file in /opt/pasarguard directory by removing the # at the beginning:

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

Restart Pasarguard
```
pasarguard restart
```

مراحل نصب

مرزبان

قالب روشن

۱. قالب روشن را با دستور زیر دانلود کنید

sudo wget -N -P /var/lib/marzban/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /opt/marzban با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن مرزبان

marzban restart

قالب تیره

۱. قالب تیره را با دستور زیر دانلود کنید

# دریافت خودکار آخرین لینک قالب تیره
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/marzban/templates/subscription/ "$DARK_URL"

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /opt/marzban با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن مرزبان

marzban restart

مرزنشین

قالب روشن

۱. قالب روشن را با دستور زیر دانلود کنید

sudo wget -N -P /var/lib/marzneshin/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /etc/opt/marzneshin با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن مرزنشین

marzneshin restart

قالب تیره

۱. قالب تیره را با دستور زیر دانلود کنید

# دریافت خودکار آخرین لینک قالب تیره
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/marzneshin/templates/subscription/ "$DARK_URL"

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /etc/opt/marzneshin با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن مرزنشین

marzneshin restart

پاسارگارد

قالب روشن

۱. قالب روشن را با دستور زیر دانلود کنید

sudo wget -N -P /var/lib/pasarguard/templates/subscription/ https://github.com/MatinDehghanian/LightWaySub/releases/latest/download/index.html

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /opt/pasarguard با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن پاسارگارد

pasarguard restart

قالب تیره

۱. قالب تیره را با دستور زیر دانلود کنید

# دریافت خودکار آخرین لینک قالب تیره
DARK_URL=$(curl -s https://api.github.com/repos/MatinDehghanian/LightWaySub/releases | grep -E '"browser_download_url".*-dark.*index\.html"' | head -1 | cut -d '"' -f 4)
sudo wget -N -P /var/lib/pasarguard/templates/subscription/ "$DARK_URL"

۲. دستورات زیر را در ترمینال سرورتان وارد کنید

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

یا مقادیر زیر را در فایل .env در پوشه /opt/pasarguard با پاک کردن # اول آنها از حالت کامنت در بیارید.

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

۳. ریستارت کردن پاسارگارد

pasarguard restart

بروزرسانی قالب

برای بروزرسانی تمپلیت فقط کافیست مرحله ۱ قالب مورد نظرتان را تکرار کنید.

Powered by

Powered by MatinDehghanian

Name		Name	Last commit message	Last commit date
Latest commit History 27 Commits
.github/workflows		.github/workflows
dist		dist
scripts		scripts
src		src
.env.example		.env.example
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
eslint.config.js		eslint.config.js
generate-php.js		generate-php.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
vite.config.js		vite.config.js

Folders and files

Latest commit

History

Repository files navigation

LightWay Sub Info

Features

Build Commands

Light Mode Build

Dark Mode Build

Development

Performance Optimizations

Bundle Sizes

Environment Variables

Deployment

Installation Steps

For Marzban

Light Theme

Dark Theme

For Marzneshin

Light Theme

Dark Theme

For Pasarguard

Light Theme

Dark Theme

مراحل نصب

مرزبان

قالب روشن

قالب تیره

مرزنشین

قالب روشن

قالب تیره

پاسارگارد

قالب روشن

قالب تیره

بروزرسانی قالب

Powered by

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 27

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages