Перейти к блокам
Блоки
Войти

Готовые блоки для SaaS-вайбкодинга

Профессиональная библиотека из 102 блоков для работы с ИИ-агентом.
Быстрее от идеи к сайту. Один платёж — доступ навсегда.

Получить доступПосмотреть блоки

Примеры сайтов из этих блоков

Сервис управления задачами

База знаний команды

Сервис автоматизации

Блоки для твоего лендинга

Смотреть все блоки

Потяни, чтобы посмотреть блоки. На компьютере мышью — в любую сторону, на планшете и телефоне — только вбок. Вертикальный свайп и колесо прокручивают страницу. С клавиатуры — стрелками, Home возвращает к началу. Нажми на блок, чтобы открыть превью.

Посмотреть все 102 блока

Что ты получишь

Получить доступ

Профессиональный дизайн

Продуманная типографика и анимации. Блоки адаптируются к телефону, планшету и компьютеру.

949 ₽

150 000 ₽

Студия

Сайт на заказ

50 000 ₽

Дизайнер

Макеты сайта

949 ₽навсегда

Наша библиотека

Блоки и код

Доступ навсегда

Один платёж за библиотеку и регулярные обновления. Новые блоки и улучшения — без доплат.

Ускорь сборку сайта

Дай агенту библиотеку и назови нужные блоки. Дизайн и вёрстка уже готовы — остаётся твой контент.

5 профессиональных лендингов в подарок

Уже собраны из этой библиотеки. Выбери готовый сайт и настрой его под свой продукт.

Посмотреть примеры

Чистый код

Понятные React-компоненты и общие стили. Подключай только нужные блоки и развивай сайт в своём проекте.

Полная кастомизация

Меняй цвета, шрифты, изображения и поведение блоков. Светлая и тёмная темы уже готовы.

Скилл для твоего агента

Готовые правила дизайна помогают агенту улучшать UI и сохранять единый стиль при сборке и правках.

Установка меньше чем за минуту

  1. Скопируй команду

    После покупки скопируй команду установки. Вся библиотека подключается за один шаг.

  2. Отправь своему агенту

    Вставь команду в чат и скажи, какой сайт нужен. Агент подключит библиотеку и соберёт страницу из блоков.

  3. Получи готовую страницу

    Дизайн, адаптивная вёрстка и анимации уже на месте. Проверь результат, добавь свои тексты — и можно публиковать.

Поручи сборку своему агенту

После покупки установи библиотеку по инструкции. Затем просто назови блоки — агент соберёт из них страницу.

Получить доступ
Задание для агента

Используй установленную библиотеку «SaaS и сервисы». Собери лендинг из блоков «Хиро в две колонки», «Сетка возможностей» и «Вопросы по темам». Сохрани общие стили и подставь мой контент.

Для установленной библиотеки

На большом экране
и в твоей ладони

Одни и те же блоки подстраиваются под ширину экрана. Колонки складываются, текст переносится, кнопки остаются доступными.

Посмотреть блоки
Инспектор

Впишется в твой стек.

Опиши шаги процесса в привычном формате. Храни настройки рядом с кодом и меняй их вместе с проектом.

Как устроен процесс

workflow.ts

const workflow = {
  name: "Итоги недели",
  steps: [
    "Собрать задачи",
    "Подготовить сводку",
    "Проверить результат",
  ],
};

console.log(workflow);
Пример кода

Что говорят о библиотеке

Нравится, что блоки уже сочетаются. Можно сосредоточиться на содержании сайта, а не заново подбирать каждый отступ.
АннаДизайнер
Исходники остаются в проекте. Если нужно изменить поведение или подключить свою логику, всё под рукой.
МихаилРазработчик
Сначала посмотрела готовые сайты, потом выбрала секции для своего. Так гораздо проще представить результат.
ДашаАвтор сервиса
Спокойная типографика, аккуратные карточки и немного движения. Хорошая основа, чтобы добавить свой характер.
АртёмДизайнер
Удобно назвать агенту нужные блоки. Он работает с готовыми компонентами, и оформление не расползается.
ЛенаРазработчик
Начал с нескольких секций, а потом добавил ещё. Не пришлось менять весь лендинг ради одного нового блока.
ИльяАвтор проекта
Сергей, автор библиотеки

Привет, я Сергей

Я много лет занимаюсь дизайном сайтов и интерфейсов. Со временем к макетам добавился вайбкодинг — стало интересно доводить идею до работающего сайта.

В этой библиотеке я соединяю оба подхода: продуманное оформление и готовые компоненты. Чтобы ты мог начать с хорошей основы и сосредоточиться на своём продукте.

Я регулярно добавляю новые блоки и улучшаю существующие. Все обновления входят в твой доступ.

Я на связи. Если возникнут сложности с установкой, настройкой или сборкой сайта — напиши мне в любое время. Обсудим задачу и разберёмся вместе.

Написать мнеПортфолио

Доступ ко всей библиотеке

Собери лендинг из секций, которые уже сочетаются. Добавь свои тексты, цвета и действия.

SaaS и сервисы

102 блока. Покупка одной библиотеки без подписки и регулярных списаний.

949 ₽Один раз · Доступ навсегда

  • Все блоки этого набора
  • 5 профессиональных лендингов в подарок
  • Исходники React и стили
  • Общая система оформления
  • Скилл для работы агента с UI
  • Инструкция и зависимости для агента
  • Регулярные обновления без доплат
  • Поддержка автора 24/7

Вопросы и ответы