Об этом проекте

Saas UI представляет собой дизайн-систему с открытым исходным кодом и реестр исходных компонентов, предназначенный для команд, создающих B2B-приложения и панели управления. Система базируется на Chakra UI: примитивы Chakra берутся из @chakra-ui/react, а токены и рецепты Saas UI — из @saas-ui/chakra-preset. Редактируемые композиции, такие как Sidebar, устанавливаются в приложения с помощью @saas-ui/cli. Репозиторий содержит пресет, компилятор реестра и шаблоны, CLI, вспомогательные пакеты, примеры и веб-сайт с документацией. Open-source дистрибутив включает токены Chakra, рецепты, семантическую стилизацию и конфигурацию системы; редактируемые компоненты реестра и композиции приложений; рабочие процессы инициализации, установки, миграции, сравнения (diff) и обновления через CLI; а также вспомогательные пакеты для хуков, форм, аутентификации и модальных окон. Отдельное Pro-предложение предоставляет премиум-каталог редактируемых блоков приложений, устанавливаемых через аутентифицированный реестр; в README упоминаются такие примеры Pro-зон, как пример SaaS-приложения на Next.js, экраны аутентификации, макет приложения, DataGrid/DataBoard, страницы аккаунта и настроек, флаги функций, управление счетами/подписками, имитация API с React Query, цветовые схемы, темы, процессы онбординга и примеры страниц. Для начала работы используется команда npx @saas-ui/cli@rc init для инициализации существующего React-проекта, после чего следует npx @saas-ui/cli@rc add sidebar для добавления редактируемых компонентов или композиций. Инициализация устанавливает совместимые зависимости Chakra, Emotion и пресета, создает файл components.json и настраивает локальный провайдер. Пользователей @saas-ui/react направляют к руководству по миграции; пакет остается доступным в течение переходного периода, и в README не утверждается, что устаревание или удаление из npm уже произошло. Репозиторий представляет собой pnpm workspace, использующий pnpm 10 или более новую версию, со скриптами для Storybook, сборки пакетов и сайта документации. Сайт документации зависит от приватных пакетов и не будет полностью собран без доступа к приватному Git-субмодулю. Весь код, за исключением брендинговых ресурсов Saas UI, лицензируется под MIT.