このプロジェクトについて

Saas UIは、B2Bアプリケーションやダッシュボードを構築するチームを対象としたオープンソースのデザインシステムおよびソースコンポーネントレジストリです。これはChakra UIをベースにしており、Chakraプリミティブは@chakra-ui/reactから、Saas UIのトークンとレシピは@saas-ui/chakra-presetから提供されます。Sidebarなどの編集可能なコンポジションは、@saas-ui/cliを使用してアプリケーションにインストールされます。 リポジトリには、プリセット、レジストリコンパイラとテンプレート、CLI、サポートパッケージ、例、およびドキュメントウェブサイトが含まれています。オープンソース版では、Chakraトークン、レシピ、セマンティックスタイリング、システム構成、編集可能なレジストリコンポーネントとアプリケーションコンポジション、CLIによる初期化・インストール・移行・diff・更新ワークフロー、およびサポート用のフック、フォーム、認証、モーダルパッケージが提供されます。別途提供されるPro版では、認証済みレジストリを通じてインストールされる編集可能なアプリケーションブロックのプレミアムカタログが提供されます。READMEでは、Next.js SaaSアプリの例、認証画面、アプリレイアウト、DataGrid/DataBoard、アカウントおよび設定ページ、フィーチャーフラグ、請求/サブスクリプション管理、React Queryを使用したモックAPI、配色、テーマ、オンボーディングフロー、例ページなどのProエリアが挙げられています。 導入には、npx @saas-ui/cli@rc initを使用して既存のReactプロジェクトを初期化し、続いてnpx @saas-ui/cli@rc add sidebarを実行して編集可能なコンポーネントやコンポジションを追加します。初期化により、互換性のあるChakra、Emotion、プリセットの依存関係がインストールされ、components.jsonが作成され、ローカルプロバイダーの設定がインストールされます。既存の@saas-ui/reactユーザーは移行ガイドを参照してください。このパッケージは移行期間中も利用可能であり、READMEにおいてnpmでの非推奨化や削除が既に完了したとは述べられていません。リポジトリはpnpm 10以降を使用したpnpmワークスペースであり、Storybook、パッケージビルド、ドキュメントウェブサイト用のスクリプトが含まれています。ドキュメントウェブサイトはプライベートパッケージに依存しているため、プライベートGitサブモジュールへのアクセス権がない場合は完全にビルドされません。Saas UIのブランディングアセットを除くすべてのコードはMITライセンスの下で提供されています。