UI Showcase

Каталог реюзабельных компонентов и preview-страниц для платформы. Все блоки используют общую дизайн-систему (см. /uikit). У каждого блока — стабильный идентификатор вида SHOW.CAT.Name, по которому можно сослаться.

Разделы

🧩
Компоненты
Полный каталог: навигация, формы, кнопки, фидбек, бейджи, пустые состояния. 50+ блоков с ID.
SHOW.PAGE.Components
🎮
Лобби
GameCard grid, LobbyRow, фильтры. Главный экран выбора игры.
SHOW.PAGE.Lobby
🏆
Турнир
TournamentCard, PrizePool, Countdown, Leaderboard, Chat.
SHOW.PAGE.Tournament
👤
Профиль
ProfileHeader, Stats, AchievementBadge, история матчей.
SHOW.PAGE.Profile
💰
Кошелёк
BalanceCard, Deposit/Withdraw, TransactionRow.
SHOW.PAGE.Wallet
📈
Лидерборд
LeaderboardTable, StatCard, WinrateBadge.
SHOW.PAGE.Leaderboard
🎯
Миссии
MissionCard, RewardCard, JackpotBanner.
SHOW.PAGE.Missions
🔔
Нотификации
NotificationCenter, item, AnnouncementBanner.
SHOW.PAGE.Notifications

Архитектура

CSS-бандлы
три отдельных файла
SHOW.ARCH.Bundles
  • main.css — глобально: Tailwind, кнопки, иконки фишек, метки, аватары
  • game.css — только на страницах игр: карты, зары, домино, стопки
  • showcase.css — только на /uishowcase: бейдж-ID, обёртки демо
Формат идентификаторов
для ссылок в обсуждениях
SHOW.ARCH.IDs

SHOW.CATEGORY.Name — компонент

SHOW.PAGE.Name — preview-страница

Клик по бейджу — выделяет ID целиком для копирования.