Сайт маркетплейса шаблонов
Сайт маркетплейса цифровых товаров «Слой» — почти белый, чёрные чернила и электрический синий: первый экран с полкой обложек в 3D, которая раскладывается в сетку по прокрутке, витрина с живыми фильтрами и FLIP-перестановкой, быстрым просмотром и лицензиями, конструктор набора со шкалой скидки и закреплённой мини-корзиной, лицензии-билеты с перфорацией, авторы лентой с доходом, который тикает, bento для авторов со счётчиками, отзывы, вопросы, подписка на дропы с таймером и подвал с гигантским словом. Inter Tight, Onest и JetBrains Mono.
Сайт магазина цифровых товаров: обложки раскладываются в сетку по прокрутке, витрина фильтруется без перезагрузки, у товара есть быстрый просмотр и выбор лицензии. Маркетплейс в демо вымышленный.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка маркетплейса с поиском и корзиной, которая слушает событиеnavbar-041
Марка-слои, поиск с ⌘K, «Продавать», корзина с бейджем, бургер.
2. Первый экран
Хиро с полкой обложек в 3D, которая по прокрутке разъезжается в сеткуhero-041
Полка из восьми обложек в 3D раскладывается в сетку по прокрутке.
3. Витрина
Витрина с фильтрами, FLIP-перестановкой и быстрым просмотром лицензийmarket-001
Чипы и сортировки с FLIP, hover пролистывает кадры, быстрый просмотр с лицензиями.
4. Набор
Конструктор набора со шкалой растущей скидки и мини-корзинойmarket-002
Шкала скидки 5 → 15 → 25 %, закреплённая мини-корзина.
5. Лицензии
Лицензии-билеты с перфорацией и пересчётом от базовой ценыmarket-003
Три билета с перфорацией, степпер мест, стикер «берут чаще».
6. Авторы
Авторы лентой с drag-scroll и доходом, который тикает в реальном времениpeople-021
Лента с drag-scroll, доход месяца тикает от реального времени.
7. Для авторов
Bento для авторов: цифры докручиваются, календарь выплат, лента покупокbento-010
Счётчики докручиваются, календарь выплат, «купили только что».
8. Отзывы
Цитаты по одной с автопрокруткой и полосой прогрессаtestimonials-024
Цитата с переключением и прогрессом.
9. Вопросы
Вопросы аккордеоном с плюсом-крестикомfaq-023
Аккордеон с плюсом-крестиком.
10. Дропы
Подписка на дропы с таймером до следующего и контурным словом на фонеcta-034
Таймер до дропа, контурное слово бежит фоном, одно поле.
11. Подвал
Подвал с гигантским wordmark и колонками ссылокfooter-040
Колонки с моно-заголовками, гигантский wordmark.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PROЧастые вопросы
- Из чего собрана страница «Сайт маркетплейса шаблонов»?
- Из 11 секций каталога по порядку: Шапка маркетплейса с поиском и корзиной, которая слушает событие, Хиро с полкой обложек в 3D, которая по прокрутке разъезжается в сетку, Витрина с фильтрами, FLIP-перестановкой и быстрым просмотром лицензий, Конструктор набора со шкалой растущей скидки и мини-корзиной, Лицензии-билеты с перфорацией и пересчётом от базовой цены, Авторы лентой с drag-scroll и доходом, который тикает в реальном времени, Bento для авторов, Цитаты по одной с автопрокруткой и полосой прогресса, Вопросы аккордеоном с плюсом-крестиком, Подписка на дропы с таймером до следующего и контурным словом на фоне, Подвал с гигантским wordmark и колонками ссылок. Каждая — отдельный item VibeUI.
- Как собрать такую страницу через ИИ-агента?
- Нажмите «Копировать сценарий для ИИ» и вставьте в Cursor или Claude Code: агент получит исходник страницы, общие правила темы и промпты картинок и поставит каждую секцию из реестра через shadcn CLI.
- Сценарий бесплатный?
- Живое демо и список секций открыты всем. Исходник страницы и инструкция для агента — в подписке PRO.