Lancez plus vite un SaaS qui inspire confiance.
Interfaces réfléchies. Fondations connectées. PyColors donne aux développeurs un point de départ cohérent pour les produits qu'ils veulent construire.
Plus de place pour
votre produit.
Moins de temps pour reconnecter les mêmes fondations. Plus d'attention à l'expérience que vous êtes ici pour construire.
Patrice Parny
Fondateur de PyColors
Un produit doit se sentir considéré, de son premier écran à ses flux de travail quotidiens.
Cela demande plus que des composants individuels. Il faut un langage commun pour la mise en page, la couleur et le comportement, avec suffisamment de structure pour transporter d'un écran à l'autre.
Créé par Patrice Parny, PyColors rassemble des composants, des tokens sémantiques, des blocs et des starters. Chaque couche s'appuie sur la même base d'interface utilisateur, avec une documentation pour vous aider à la comprendre et à l'adapter.
Commencez par la source et la documentation. Faites votre propre produit.
Soins dans les fondations. Clarté dans les détails.
Les principes derrière ce que nous construisons, et les endroits où vous pouvez les voir dans la pratique.
La documentation vient avec le travail.
L'utilisation, les exemples et les guides d'intégration font partie du code. Comprendre la fondation avant de l’adapter à votre produit.
Lire la documentationLa cohérence s’applique à tous les produits.
Les composants partagés et les tokens sémantiques donnent aux écrans un langage commun. Apportez cette base dans vos propres mises en page, couleurs et marque.
Explorez Theme BuilderLa portée devrait être facile à inspecter.
Sachez ce qui est inclus, ce qui est simulé et ce que vous devez encore configurer. Les pages de produits et les guides de configuration rendent ces limites visibles.
Revoir les compromis
Une fondation. Votre point de départ.
D’un composant à une application, choisissez le niveau qui correspond au travail devant vous.
Des fondations ouvertes à explorer.
Des produits commerciaux sur lesquels bâtir.
PyColors UI
Open sourceCréez votre interface.
Réagissez les composants construits sur les primitives Radix et les tokens sémantiques, avec des exemples de documentation et d'utilisation.
Découvrir PyColors UIBlocs
GratuitComposez des sections complètes.
Coquillages d'applications, formulaires et sections de produits copiables créés avec PyColors UI. Apportez la source dans votre propre application.
Parcourir les blocsTheme Builder
Outil gratuitFaites en sorte que le système soit le vôtre.
Explorez les palettes, prévisualisez les composants et exportez le thème CSS. Donnez à la fondation partagée votre propre identité visuelle.
Personnaliser un thèmeStarter Free
Open sourceValidez votre interface produit.
Un frontend SaaS exécutable avec tableau de bord, paramètres et surfaces d'administration. Auth, les données de facturation et de produit sont simulées.
Découvrir Starter FreeStarter Pro
CommercialConstruire sur de vraies intégrations.
Auth.js, Stripe et Prisma/PostgreSQL. Configurez vos services, ajoutez la logique du produit et validez avant le lancement.
Découvrir Starter ProTemplates
CommercialCommencez par votre page de lancement.
Modèles de pages ciblées tels que NA-AI Landing. Adaptez le contenu, la marque et les sections pour présenter votre produit.
Parcourir les modèles
Apprenez l'approche. Voir l'interface utilisée.
Construit en public. Facile à suivre.
Consultez l’historique des versions et les évolutions prévues. Les fonctionnalités disponibles et les projets à venir sont présentés séparément.
Les nouveautés disponibles
Les notes de version décrivent les modifications apportées aux composants, à la documentation et aux surfaces des produits.
Afficher le changelogCe qui est prévu
La feuille de route distingue les évolutions disponibles, en cours et prévues. Les fonctionnalités prévues ne font pas partie de l’offre actuelle.
Voir la feuille de routeCommencez par quelque chose que vous pouvez courir.
Explorez Starter Free pour voir les composants et les mises en page travailler ensemble. Utilisez la documentation pour comprendre la fondation, puis choisissez ce dont votre produit a besoin.
Starter Free est une démo frontale. Choisissez Pro lorsque les comptes réels et les paiements deviennent votre prochaine étape.
Comparer Gratuit et Pro