UltraMenu — минималистичный генератор цифровых меню для кафе, ресторанов, кофеен и небольших заведений.
Пользователь вводит категории, блюда, описания и цены — сервис собирает готовое адаптивное меню в один автономный HTML-файл.
Обычные цифровые меню часто превращаются в тяжёлые PDF-файлы или перегруженные сайты, которые медленно открываются на слабом интернете и старых смартфонах.
UltraMenu решает эту проблему иначе.
Вместо тяжёлого интерфейса клиент получает небольшую статичную страницу:
- без React;
- без Vue;
- без Bootstrap;
- без jQuery;
- без внешних библиотек;
- без лишних сетевых запросов.
Главная цель проекта — сделать цифровое меню, которое открывается максимально быстро и плавно даже на слабых устройствах.
- создание категорий меню;
- добавление и удаление блюд;
- название, описание и цена;
- выбор валюты;
- название заведения;
- подзаголовок и режим работы;
- перестановка категорий;
- автоматическое сохранение проекта;
- импорт и экспорт JSON.
- мгновенное отображение изменений;
- широкий режим;
- режим смартфона;
- адаптивная мобильная версия;
- несколько тем оформления.
Готовое меню скачивается как один файл:
restaurant-name.html
Его можно открыть локально, разместить на обычном хостинге, CDN или использовать как страницу для QR-кода.
UltraMenu создавался вокруг одного принципа:
Публичное меню должно содержать только то, что действительно необходимо пользователю.
Готовая страница использует обычные HTML и CSS.
HTML
├── информация о заведении
├── навигация по категориям
├── блюда
├── цены
└── встроенные стили
Никаких огромных JavaScript-бандлов и десятков зависимостей.
Редактор также показывает фактический размер генерируемого меню, поэтому владелец сразу видит, насколько лёгкой остаётся страница.
Интерфейс UltraMenu построен на спокойном минимализме:
- светлая нейтральная палитра;
- мягкие границы;
- аккуратные карточки;
- понятная визуальная иерархия;
- крупные области нажатия;
- адаптация под телефон;
- минимум визуального шума.
Доступны несколько тем готового меню:
| Тема | Описание |
|---|---|
| ☕ Тёплая | Мягкая кремовая палитра |
| ◻️ Светлая | Чистый классический интерфейс |
| ● Тёмная | Контрастный тёмный вариант |
UltraMenu не требует установки зависимостей.
git clone <URL-ВАШЕГО-РЕПОЗИТОРИЯ>cd UltraMenuПросто откройте:
index.html
в любом современном браузере.
Node.js, npm, PHP, база данных и отдельный сервер для текущей версии не требуются.
UltraMenu/
│
├── index.html # редактор, стили и логика приложения
├── README.md # документация проекта
│
└── ...
Текущая архитектура намеренно остаётся компактной.
Проект автоматически сохраняет текущую конфигурацию меню через localStorage.
Это позволяет закрыть страницу и позже продолжить редактирование.
Для переноса меню между устройствами доступны:
Экспорт JSON
Импорт JSON
UltraMenu проектируется не только для современных флагманских смартфонов.
Интерфейс должен оставаться удобным на:
- бюджетных Android-устройствах;
- старых смартфонах;
- небольших экранах;
- слабых ноутбуках;
- медленном мобильном интернете.
Готовое меню автоматически перестраивается под ширину экрана.
01. Скорость важнее эффектов
02. Минимум зависимостей
03. Простое управление
04. Хорошая мобильная версия
05. Чистая типографика
06. Маленький размер страницы
07. Никаких лишних действий для посетителя
- аккаунты заведений;
- несколько меню в одном аккаунте;
- публикация по уникальной ссылке;
- QR-код для каждого меню;
- собственный URL заведения;
- аналитика просмотров;
- статистика переходов по QR;
- мультиязычность;
- загрузка логотипа;
- изображения блюд;
- автоматическая оптимизация изображений в WebP / AVIF;
- собственные домены;
- дополнительные темы;
- дублирование меню;
- управление опубликованными версиями;
- тарифы для заведений.
Владелец кафе
↓
Создаёт меню
↓
Добавляет блюда и цены
↓
Проверяет предпросмотр
↓
Публикует / скачивает HTML
↓
Получает QR-код
↓
Посетитель сканирует QR
↓
Меню открывается практически моментально
UltraMenu не пытается быть огромным конструктором сайтов.
Это специализированный инструмент с одной задачей:
Чем меньше лишнего кода получает посетитель — тем лучше.
Проект находится в активной разработке.
Идеи, предложения по интерфейсу и сообщения об ошибках можно оформлять через Issues в репозитории.
Если проект вам понравился — можно поставить ⭐ репозиторию.