À propos du projet

Saas UI est un système de design open-source et un registre de composants source destiné aux équipes créant des applications B2B et des tableaux de bord. Il s'appuie sur Chakra UI : les primitives Chakra proviennent de @chakra-ui/react, tandis que les tokens et recipes de Saas UI proviennent de @saas-ui/chakra-preset. Les compositions éditables, telles que la Sidebar, sont installées dans les applications via @saas-ui/cli. Le dépôt contient le preset, le compilateur de registre et les templates, le CLI, les packages de support, des exemples et le site de documentation. La distribution open-source liste les tokens Chakra, les recipes, le stylage sémantique et la configuration du système ; les composants de registre éditables et les compositions d'application ; les flux d'initialisation, d'installation, de migration, de diff et de mise à jour du CLI ; ainsi que les packages de support pour les hooks, les formulaires, l'authentification et les modales. Une offre Pro distincte propose un catalogue premium de blocs d'application éditables installés via un registre authentifié ; le README mentionne des domaines Pro d'exemple tels qu'une application SaaS Next.js d'exemple, des écrans d'authentification, la mise en page de l'application, DataGrid/DataBoard, des pages de compte et de paramètres, des feature flags, la gestion de la facturation/des abonnements, une API simulée avec React Query, des schémas de couleurs, des thèmes, des flux d'onboarding et des pages d'exemple. Pour commencer, utilisez npx @saas-ui/cli@rc init pour initialiser un projet React existant, puis npx @saas-ui/cli@rc add sidebar pour ajouter des composants ou des compositions éditables. L'initialisation installe les dépendances compatibles de Chakra, Emotion et du preset, crée components.json et installe la configuration du provider local. Les utilisateurs existants de @saas-ui/react sont redirigés vers un guide de migration ; le package reste disponible pendant la transition, et le README ne prétend pas que la dépréciation ou la suppression npm a déjà eu lieu. Le dépôt est un espace de travail pnpm utilisant pnpm 10 ou une version plus récente, avec des scripts pour Storybook, les builds de packages et le site de documentation. Le site de documentation dépend de packages privés et ne pourra pas être construit entièrement sans accès au sous-module Git privé. Tout le code, à l'exception des actifs de marque Saas UI, est sous licence MIT.