material-remnawave-subscription-page

KO | EN

gitlite — search

#python #rust #claude #ai #typescript #mcp #claude-code #machine-learning #ai-agents #cli #golang #llm

material-remnawave-subscription-page

★ 48 Open GitHub ↗

Material Design 3 subscription page for Remnawave panel. Features dark/light themes, flexible app config, individual link copying, and multi-language support.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[Русская версия](README.md) | [English Version](README_en.md) | [中文版](README_zh.md) | [نسخه فارسی](README_fa.md)

[Демонстрационная страница](https://legiz-ru.github.io/material-remnawave-subscription-page)

# Material Remnawave Subscription page

Данный репозиторий содержит исходный код страницы подписки для панели прокси Remnawave, выполненной в современном стиле Material Design 3. Страница предоставляет пользователям удобный доступ к информации о подписке, инструкциям по подключению и ссылкам. Код написан с помощью нейросети Claude Sonnet 4.

## Ключевые особенности

* **Дизайн Material 3:** Современный и интуитивно понятный пользовательский интерфейс, разработанный в соответствии с новейшими принципами Material Design 3.

* **Поддержка темной и светлой темы:** Автоматическое или ручное переключение между светлой и темной темами для комфортного использования в любых условиях освещения.

* **Гибкая настройка приложений:** Поддержка стандартного списка рекомендованных приложений для подключения, а также возможность легкой интеграции сторонних клиентов через [настраиваемый `app-config.json`](https://remna.st/docs/install/remnawave-subscription-page#custom-app-configjson-custom-apps).
* * **Кастомные группы** Возможность добавлять дополнительные группы в раздел приложений через файл интеграции, [например `секцию TV`](https://github.com/legiz-ru/my-remnawave/blob/main/sub-page/multiapp/app-config.json).

*   **Поддержка брендинга:** Настройка логотипа и ссылки на поддержку через параметры `logoUrl` и `supportUrl` в конфигурации `app-config.json` для персонализации внешнего вида страницы.

*   **Поддержка remnawave-json:** Возможность интеграции страницы подписки в https://github.com/Jolymmiels/remnawave-json (адаптированный файл index.html расположен в папке remnawave-json).

* **Копирование индивидуальных ссылок:** Возможность копировать отдельные ссылки (например, `vless://`, `trojan://` ) непосредственно со страницы, помимо общей ссылки подписки.

* **Многоязычная поддержка:** Доступность страницы на русском, английском, персидском и китайском языках с автоматическим определением языка браузера.

## Скриншоты

## Установка

1. **Загрузка файла страницы:**
   Скачайте файл `index.html` в ту же папку, где находится ваш `docker-compose.yml`, используя `curl`:

```bash
curl -o index.html https://raw.githubusercontent.com/legiz-ru/material-remnawave-subscription-page/refs/heads/main/index.html
```

2. **Настройка Docker Compose:**
Пропишите путь к скачанному `index.html` в вашем `docker-compose.yml` через проброс `volumes` в контейнер `remnawave-subscription-page`.

Пример для стандартной установки:

```yaml
services:
  remnawave-subscription-page:
    image: remnawave/subscription-page:latest
    volumes:
      - ./index.html:/opt/app/frontend/index.html
```

Если вы планируете использовать [кастомный список приложений](https://remna.st/docs/install/remnawave-subscription-page#custom-app-configjson-custom-apps) (`app-config.json`), добавьте соответствующий `volume`:

```yaml
services:
  remnawave-subscription-page:
    image: remnawave/subscription-page:latest
    volumes:
      - ./index.html:/opt/app/frontend/index.html
      - ./app-config.json:/opt/app/frontend/assets/app-config.json
```

Вы можете воспользоваться одним из моих кастомных списков приложений, доступных по ссылке: [Список кастомных приложений](https://github.com/legiz-ru/my-remnawave/blob/main/README.md#remnawave-subscription-page-%D1%81lient-configuration)

3. **Перезапуск контейнера:**
Для применения изменений перезапустите контейнер Docker:

```bash
docker compose down remnawave-subscription-page && docker compose up -d remnawave-subscription-page
```

## Связь

* [[Telegram-канал](https://t.me/legiz_trashbag)]

## Поддержка проекта

Если вам нравится этот проект и вы хотите поддержать его развитие, вы можете сделать пожертвование:

* [[Tribute on Telegram](https://t.me/tribute/app?startapp=drzu)]
* [TON USDT: `UQAGQTQZYCx5TWj5cmTLpo7164PFsXqZZJ6t6x88n7sHW9gU`]

material-remnawave-subscription-page

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README