Composants d'interface utilisateur, tokens sémantiques et outils que vous pouvez inspecter et utiliser. Commencez par les fondations ouvertes derrière PyColors, puis faites-les partie de votre produit.
tokens sémantiques
Un langage visuel partagéComposants de l'interface utilisateur
primitives d'interface réutilisablesStarter Free
Une démo frontale exécutableChaque dépôt a un rôle clair. Explorez sa source, lisez sa documentation et choisissez les pièces dont votre projet a besoin.
Le langage partagé derrière les interfaces PyColors.
pycolors-ui
Réagissez aux composants construits sur les primitives Radix et les tokens sémantiques. Inspectez la source, les exemples et les modèles d’interaction avant de les ajouter à votre application.
pycolors-tokens
Variables CSS sémantiques pour les styles de couleur, de rayon et de surface. Gardez les thèmes clairs et sombres cohérents sur vos composants et écrans de produits.
Conventions partagées pour le code autour de votre interface.
pycolors-eslint-config
Configurations ESLint partagées pour les projets Next.js, React et TypeScript.
pycolors-typescript-config
Préréglages TypeScript stricts pour les applications et les bibliothèques React, avec des valeurs par défaut de compilateur cohérentes.
Voyez comment les pièces se réunissent dans une application en cours d'exécution.
pycolors-starter-free
Dashboard, auth screens, settings and billing UI. Auth, billing and product data are mocked; connect your own backend when you are ready.
pycolors-marketing
Le miroir public de ce site. Explorez les pages produits, la documentation et la structure de contenu construites avec Next.js et Fumadocs.
Les dépôts publics sont synchronisés à partir du monorepo PyColors. Vérifiez le README de chaque dépôt pour connaître ses directives de contribution.
Choisissez le chemin qui correspond à ce que vous construisez aujourd'hui.
Installez les composants, connectez les styles et rendez votre première interface.
Installer PyColors UIExécutez Starter Free localement et explorez les écrans avec des données de démonstration.
Configurer Starter FreeExplorez les couleurs, prévisualisez les composants et exportez les tokens pour votre projet.
Ouvrir Theme BuilderLa couche open-source vous donne des composants, des conventions et une démo frontale. Les produits commerciaux ajoutent un point de départ plus complet pour un projet spécifique.
Comparer les produitsComposants d'interface utilisateur, tokens, outils de développement et Starter Free. Utilisez la source sous la licence de chaque dépôt et connectez vos propres services d'application.
Découvrir PyColors UIStarter Pro fournit la base SaaS pour l'authentification, la facturation et les itinéraires protégés. NA-AI Landing fournit un modèle de page de destination dédié. Configurez, personnalisez et validez avant le lancement.
Les dépôts publics sont régis par leurs licences de dépôt. Les produits premium, l'accès commercial, les versions privées et les actifs de la marque restent soumis à des conditions commerciales distinctes.
Vue d'ensemble des licencesLisez l'historique des versions et explorez la feuille de route. Les changements expédiés et les plans futurs ont chacun une place à suivre.
Une question sur le bon point de départ ?Contactez-nous