Поля ввода
36 вариантов текстовых, числовых и специализированных полей. Поддержка инлайн-валидации, авто-масштабирования шрифта и тёмной темы.
Game.SRC · Библиотека компонентов
Библиотека премиальных UI-элементов
Каталог из 142 готовых к использованию компонентов с детализированными состояниями, микроанимациями и полной поддержкой доступности. От интерактивных форм до табличных структур — каждый модуль собран на единой архитектуре токенов.
4.9 / 5 · 120+ продуктовых команд
v4.2 · 142 элемента
100%покрытия состояний
Интерактивные формы и поля ввода
Формы, которые не прощают ошибок
Каждое поле ввода — это не просто контейнер, а система с валидацией, подсказками и адаптивной обратной связью. От одиночных полей до многошаговых сценариев чек-аута.
Многошаговые формы
Готовые сценарии из 3–7 шагов с прогресс-баром, сохранением черновика и анимацией перехода между этапами. Используется в банкинге и премиальном ритейле.
Выбор и чекбоксы
Радио-группы, чекбоксы, переключатели и селекты с группировкой. Микроанимация при выборе — 180ms ease-out, без дребезга.
Сложные навигационные структуры
Навигация как архитектура
Навигация — первый контакт пользователя с продуктом. Мы проектируем её как систему: от бредкрамбов до мультиуровневых меню с поддержкой клавиатуры и скринридеров.
Бредкрамбы и хлебные крошки
Адаптивные бредкрамбы с авто-сокращением длинных путей. Поддержка до 8 уровней вложенности без потери читаемости.
Мультиуровневые меню
Дропдауны, сайдбары и мега-меню с группировкой. Анимация раскрытия — 240ms cubic-bezier(.2,.7,.2,1), полная клавиатурная навигация.
Табы и сегменты
Горизонтальные и вертикальные табы, сегмент-контролы и пагинаторы. Поддержка lazy-загрузки контента и сохранения состояния при возврате.
Медиа-компоненты и плееры
Медиа, достойное премиального продукта
Видео, аудио и интерактивные галереи — с плавными переходами, адаптивным разрешением и интеграцией с внешними источниками. Каждый медиа-элемент сохраняет эстетику системы.
Видеоплееры
Кастомный HTML5-плеер с адаптивным UI, субтитрами и пиксельно-точной синхронизацией. Поддержка HLS и DASH для потокового вещания.
Интерактивные галереи
Карусели, lightbox-просмотр и зум до 400%. Микроанимация при загрузке следующего слайда — 320ms fade + slide. Используется в люксовом ритейле для каталогов.
Аудио-виджеты
Мини-плееры, плейлисты и waveform-визуализация. Поддержка Web Audio API для кастомных эффектов и синхронизации с видеоконтентом.
Данные и табличные структуры
Таблицы, дашборды и визуализация данных
Работа с большими объёмами данных — это не компромисс, а дизайн-задача. Наши табличные компоненты сохраняют премиальную эстетику даже при 10 000+ строк.
Адаптивные таблицы
Виртуализированные таблицы с сортировкой, фильтрацией и sticky-заголовками. Рендеринг 50 000 строк без просадки FPS. Поддержка drag-and-drop сортировки.
Дашборды и виджеты
Модульная сетка дашборда с drag-and-drop перестановкой. 24 готовых виджета: KPI-карточки, графики, списки активностей и статус-индикаторы.
Графики и визуализация
Интеграция с D3.js и Chart.js. Кастомные темы графиков, анимация при загрузке и интерактивные тултипы. Поддержка реального времени для финансовых дашбордов.
Масштаб
Цифры, которым доверяют
Мы измеряем не количество экранов, а стабильность качества на каждом из них.
142готовых компонента
98%соответствие бренду
3.4×быстрее к запуску
120+продуктовых команд
Готовы собрать продукт уровня Game.SRC?
Запланируйте 30-минутную демонстрацию системы. Покажем, как токены и компоненты работают на реальном проекте.
Вопросы
Частые вопросы
Коротко о главном — о совместимости, лицензиях и поддержке.
Компоненты поставляются для React, Vue, Svelte и как нативный Web-компонент. Токены доступны в формате CSS-переменных, Figma-токенов и JSON для автоматической генерации.
Да. На этапе онбординга мы пересобираем слой токенов под ваши цвета, типографику и пространственную сетку — без изменения архитектуры компонентов.
Лицензия привязана к команде, а не к продукту. Одно подписка покрывает все продукты вашей компании и включает обновления токенов и компонентов.
В каждый тариф входит доступ к архитектору интерфейсов, ревью новых экранов и квартальные сессии по эволюции системы. Для тарифа «Атelier» — выделенная команда.