Редактор работает локально в XAMPP, хранит страницы как управляемое JSON-дерево и показывает результат на живом Canvas. Вы собираете структуру визуально, а на выходе получаете переносимый сайт, который можно разместить на обычном хостинге.
Локальный визуальный конструктор
Создавайте сайты без границ
Modern Web Builder объединяет визуальную сборку, точный контроль HTML и CSS, импорт готовых сайтов, профессиональную анимацию и выпуск готового ZIP — в одном локальном рабочем пространстве.
Работает локальноБез обязательной базы данныхЧистый HTML5 · CSS · JavaScript
О продукте
Один инструмент — весь путь от идеи до готового сайта
Редактор работает локально в XAMPP, хранит страницы как управляемое JSON-дерево и показывает результат на живом Canvas. Вы собираете структуру визуально, а на выходе получаете переносимый сайт, который можно разместить на обычном хостинге.
Для начинающих
Создавайте страницы из готовых секций и меняйте дизайн через понятные панели — без необходимости писать каждое правило вручную.
Для дизайнеров
Работайте с сетками, состояниями, типографикой, эффектами, точными отступами и адаптивностью прямо на полотне.
Для разработчиков
Импортируйте существующий код, сохраняйте структуру файлов, добавляйте атрибуты и скрипты, затем экспортируйте прозрачный HTML/CSS/JS.
Полная версия
Все платные возможности Modern Web Builder
Ниже — фактические инструменты полной версии: от редактирования и импорта до генерации, профессиональной графики и готового экспорта.
01
Визуальная сборка и точное редактирование
Живой Canvas
Собирайте семантическую DOM-структуру визуально: выбирайте, перетаскивайте, перемещайте и изменяйте размеры элементов непосредственно на странице.
Точная работа мышью и клавиатурой
Восемь маркеров изменения размера, привязка, абсолютное позиционирование, редактирование padding и margin, масштаб и быстрые клавиши.
Navigator слоёв
Управляйте реальной вложенностью DOM: раскрывайте, скрывайте, переименовывайте, удаляйте и переносите узлы before, inside или after.
Inspector: Style, States, Motion
Настраивайте Grid/Flex, размеры, типографику, фон, границы, тени, фильтры, transforms, transitions, атрибуты HTML/ARIA/data и CSS-классы.
Адаптивный и интерактивный просмотр
Проверяйте ширину от 320 до 3840 px, используйте отдельный мобильный браузер 390 px и запускайте меню, формы, ссылки, слайдеры и скрипты.
Проекты, страницы и SEO
Ведите несколько проектов, создавайте и дублируйте HTML-маршруты, задавайте SEO-title, meta description, язык документа, шрифт и дизайн-токены.
02
Компоненты, дизайн и интерактивность
Большая библиотека блоков
Готовые headers, hero-секции, контентные блоки, формы, карточки, каталоги, dashboards, CTA и footers для разных типов сайтов.
1 900+ шрифтов и 2 100+ иконок
Полный каталог Google Fonts и локальные Font Awesome Solid, Regular и Brands с поиском и точным выбором варианта.
Формы, popup и функциональный UI
Настраивайте action, method, native/AJAX, сообщения об успехе, триггеры popup; добавляйте меню, поиск, алерты, корзину и другие живые сценарии.
Состояния и профессиональная анимация
Создавайте hover, focus, active, before, after и :has(), а также Page Load, ScrollTrigger, Parallax, magnetic, cursor-follow и 3D tilt.
Менеджер медиа
Загружайте JPEG, PNG, WebP, GIF, SVG, MP4 и WebM до 25 МБ, переносите их на Canvas и управляйте ссылками на всех страницах проекта.
03
Импорт и автоматическое создание
Импорт ZIP и RAR
Открывайте архивы до 1 000 МБ: страницы HTML, CSS, JavaScript, шрифты, медиа, SVG, JSON, PHP-обработчики и вложенные папки сохраняют структуру.
Редактируемая копия сайта по URL
Импортируйте до 500 доступных страниц одного домена вместе с HTML, CSS, JS, изображениями, иконками, видео и шрифтами в отдельный проект.
MWB Session для своих закрытых страниц
Передавайте локальному импортеру cookies активной браузерной сессии через фирменное расширение и загружайте принадлежащий вам сайт после авторизации.
Генератор сайта из семи страниц
Выберите авторскую процедурную генерацию или сборку из библиотеки: система создаст главную, контентные, контактную и страницы авторизации без внешнего API.
04
Сохранение, проверка и выпуск
Сохранение и история
Работайте с ручным сохранением и автосохранением, Undo/Redo, дублированием, вырезанием, копированием и вставкой элементов.
Полноценный Preview
Открывайте скомпилированную страницу без панелей редактора и проверяйте реальные стили, JavaScript, формы, навигацию и внешние библиотеки.
Готовый ZIP сайта
Компилятор собирает HTML-страницы, CSS, runtime JavaScript, ассеты и используемые локальные библиотеки в переносимый архив для хостинга.
05
Встроенная студия рекламной графики
Анимированные GIF-баннеры
Независимые сцены, слои, timeline, текст, кнопки, изображения, sprite sheets, иконки и фигуры; до 50 FPS, 256 цветов и 30 секунд.
Статические PNG-баннеры
Создавайте обложки, посты, stories, thumbnails и рекламные креативы размером до 8192×8192 px, сохраняйте JSON-проект и экспортируйте lossless PNG.
Видео
Посмотрите Modern Web Builder в работе
Видео показывает общий подход к визуальной работе с продуктом. Плеер открывается прямо на странице и поддерживает полноэкранный режим.
Почему Modern Web Builder
Контроль визуального редактора без закрытой экосистемы
01
Локальная работа
Проекты и ассеты остаются на вашем компьютере в XAMPP; ежедневная работа не требует облачного редактора.
02
Понятный результат
Финальный проект — обычные HTML5, CSS и JavaScript, а не страница, навсегда привязанная к чужому сервису.
03
Не начинайте заново
Импортируйте архив или разрешённый сайт по URL и продолжайте работу с его DOM, стилями, скриптами и ресурсами.
04
Точность до пикселя
Управляйте viewport, сетками, размерами, отступами, состояниями, container queries и fluid clamp без угадывания.
05
От идеи до семи страниц
Автоматическая генерация создаёт целую структуру сайта, которую затем можно полностью разобрать и изменить.
06
Готовность к размещению
Preview проверяет реальное поведение, а ZIP-экспорт собирает страницы, стили, runtime и ассеты для передачи на хостинг.
В цифрах
Масштаб инструментов внутри одной лицензии
7страниц создаёт генератор
320–3840px — диапазон Canvas
1 900+семейств Google Fonts
2 100+вариантов Font Awesome
500страниц за один URL-импорт
20 000файлов в импортируемом архиве
50 FPSмаксимум GIF Studio
8192²максимальный PNG Canvas
FAQ
Ответы перед покупкой
Где работает Modern Web Builder?
Это локальное PHP-приложение для XAMPP под Windows. Для работы нужен Apache и PHP 8.2 или новее; MySQL и Node.js для обычного создания сайтов не требуются.
Можно ли редактировать существующий сайт?
Да. Полная версия импортирует готовые ZIP/RAR-шаблоны и создаёт редактируемый проект из доступных страниц сайта по URL. Копировать можно только сайты и материалы, на которые у вас есть права.
Что находится в экспортированном ZIP?
HTML-страницы, собранные CSS и JavaScript, ассеты и только те локальные runtime-библиотеки, которые использует проект. Импортированные шаблоны сохраняют исходную структуру файлов.
Можно ли создавать адаптивные сайты?
Да. Canvas поддерживает ширину 320–3840 px, мобильный просмотр 390 px, Flex, Grid, fluid clamp и Container Queries, а Preview позволяет проверить реальное поведение страницы.
Подходят ли анимации для готового сайта?
Да. Редактор поддерживает CSS-состояния и motion-сценарии Page Load, ScrollTrigger, Parallax, magnetic, cursor-follow и 3D tilt. Нужные runtime-библиотеки включаются в экспорт.
GIF и PNG Studio меняют страницы сайта?
Нет. Студии рекламной графики имеют собственные независимые проекты. GIF работает со сценами и timeline, PNG создаёт один статический lossless-файл точного размера.
Как получить продукт и обратиться за помощью?
Покупка, получение архива, доступные обновления и обращения в поддержку выполняются через официальный Telegram-магазин Modern Web Builder.
Готовы начать
Соберите следующий сайт в собственном рабочем пространстве
Получите полную версию Modern Web Builder, создавайте проекты локально и выпускайте готовые сайты без привязки к облачному конструктору.
Купить в Telegram