Шаблон проекта

Вёрстка, которая не ломается на проде

Компоненты, модули, стили и инструменты, собранные из реальных проектов. Замените тексты — и можно показывать заказчику.

Посмотреть UI-кит

Что внутри

Всё для вёрстки под ключ

Компоненты

Папка = разметка + стили + JS. Вставляете <x-card> — и он уже со своими стилями и поведением.
50 модулей

Аккордеон, табы, модалка, слайдеры, формы с маской, анимации на скролле.
SCSS-система

Токены, плавная типографика, миксины брейкпоинтов, тёмная тема.
Тесты и проверки

Каждый модуль покрыт тестами, dev-панель ищет переполнение и ошибки доступности.

50 модулей

200 тестов

100 вёрстки по БЭМ

Компонент с JS

Подвигайте ползунок: компонент считает сумму, а кнопка открывает модалку другого модуля через ctx.modules.

Многостраничная вёрстка, 60+ блоков

WebGL, анимации на скролле

Формы, таблицы, фильтры

React, графики, виртуализация

FAQ

npm run create -- ../my-site — и выберите стек.

npm run new -- component card создаст папку src/components/card/ с разметкой, стилями и (по желанию) JS. Подробно — docs/components.md.

Нет: они отрезаются при сборке, а если нет — сборка остановится с ошибкой.

В docs/troubleshooting.md — симптом, причина, решение.