Бесплатный HTML-шаблон лендинга на Bootstrap 5: Play от UIdeck
uideck/play-bootstrap — бесплатный Bootstrap 5 HTML-шаблон с полным набором страниц: лендинг, цены, блог, логин, 404. Скачай файлы и передай агенту — он сделает из них твой сайт.
Рано или поздно любой вайб-проект требует публичного лица. Лендинг — страница, на которую можно отправить людей и сказать «вот что я делаю». Проблема в том что если попросить агента построить её с нуля — обычно получается что-то рабочее, но совершенно без характера. Белый фон, системные шрифты, блоки будто из 2012 года. Не совсем то, что хочется показывать первым пользователям или инвесторам.
Play от команды UIdeck — бесплатный Bootstrap 5 HTML-шаблон, созданный специально для стартапов, SaaS-продуктов и приложений. Никакого React, никакого Tailwind, никаких сборок — просто папка HTML-файлов, которую агент берёт и превращает в реальный сайт. В комплекте всё что нужно: главный лендинг, цены, блог, контакты, логин и страница 404. Всё готово к работе, а в лицензии прямо написано что можно использовать в коммерческих проектах без упоминания авторов.
Исходники
uideck/play-bootstrap
★ 640HTML
Что делает этот шаблон удобным для вайб-кодинга — простота формата. Bootstrap 5 HTML-файлы не требуют компилятора, сервера разработки или npm install. Агент понимает их структуру, может редактировать текст и цвета напрямую, вставлять твой контент без лишних сложностей. Плюс сайт грузится быстро — нет тяжёлых клиентских JavaScript-фреймворков которые нужно собирать.
Как использовать с агентом
- 1Клонируй или скачай файлы шаблона с GitHub (команда ниже)
- 2Открой play-bootstrap/index.html в браузере — увидишь живой пример
- 3Посмотри остальные страницы: pricing.html, blog.html, login.html, 404.html
- 4Скажи агенту какие страницы нужны и что делает твой продукт
- 5Агент редактирует HTML напрямую — текст, картинки, цвета, разделы
git clone https://github.com/uideck/play-bootstrap && cd play-bootstrap
Если не хочешь возиться с git, на странице GitHub есть прямая ссылка для скачивания — получишь ZIP со всеми файлами. Оба способа работают, агенту нужны файлы на диске чтобы их редактировать. Папка assets/ содержит весь CSS, JavaScript и картинки; агент знает как работать с относительными путями и не поломает структуру при правках.
Важный момент: в основе дизайна шаблона лежат компоненты TailGrids, поэтому базовый визуальный язык получается чистым и современным. Не самый минималистичный шаблон который я видел, но для лендинга стартапа — попадает в нужный тон. Достаточно структуры чтобы выглядеть профессионально, достаточно свободного пространства для твоего продукта. Живая демо-версия со всеми страницами есть на preview.uideck.com.
Полноценный Bootstrap 5 HTML-сайт — 7 готовых страниц, современный дизайн, никаких инструментов сборки. Скачай файлы, передай агенту с описанием продукта — и получишь настоящий лендинг вместо чистого листа.
Источник: github.com
Бесплатный курс
Хватит читать про ИИ — начни строить с ним
Бесплатный курс Claude Code: свой первый сайт, инструмент или игра — без программирования. Без апсейлов и кросс-сейлов — здесь нечего купить.
Начать →▌ Гайды по теме
Автор
Евгений Арсентьев
PhD · CEO, digital health
Статьи · Свежие статьи