Ship credible SaaS products faster.
Thoughtful interfaces. Connected foundations. PyColors gives developers a consistent starting point for the products they want to build.
More room for
your product.
Less time reconnecting the same foundations. More attention to the experience you are here to build.
Patrice Parny
Founder of PyColors
A product should feel considered, from its first screen to its everyday workflows.
That takes more than individual components. It takes a common language for layout, color and behavior, with enough structure to carry from one screen to the next.
Created by Patrice Parny, PyColors brings components, semantic tokens, blocks and starters together. Each layer builds on the same UI foundation, with documentation to help you understand and adapt it.
Start with the source and the documentation. Make the product your own.
Care in the foundations. Clarity in the details.
The principles behind what we build, and the places where you can see them in practice.
Documentation comes with the work.
Usage, examples and integration guides belong alongside the code. Understand the foundation before you adapt it to your product.
Read the documentationConsistency carries across products.
Shared components and semantic tokens give screens a common language. Carry that foundation into your own layouts, colors and brand.
Explore Theme BuilderScope should be easy to inspect.
Know what is included, what is mocked and what you still need to configure. Product pages and setup guides make those boundaries visible.
Review the tradeoffs
One foundation. Your starting point.
From a single component to an application, choose the level that matches the work in front of you.
Open foundations to explore.
Commercial products to build on.
PyColors UI
Open sourceBuild your interface.
React components built on Radix primitives and semantic tokens, with documentation and usage examples.
Explore PyColors UIBlocks
FreeCompose complete sections.
Copyable app shells, forms and product sections built with PyColors UI. Bring the source into your own application.
Browse BlocksTheme Builder
Free toolMake the system your own.
Explore palettes, preview components and export theme CSS. Give the shared foundation your own visual identity.
Customize a themeStarter Free
Open sourceValidate your product interface.
A runnable SaaS frontend with dashboard, settings and admin surfaces. Auth, billing and product data are mocked.
Explore Starter FreeStarter Pro
CommercialBuild on real integrations.
Auth.js, Stripe and Prisma/PostgreSQL foundations. Configure your services, add product logic and validate before launch.
Explore Starter ProTemplates
CommercialStart with your launch page.
Focused page templates such as NA-AI Landing. Adapt the content, branding and sections to present your product.
Browse templates
Learn the approach. See the interface in use.
Built in public. Easy to follow.
Follow the release history and review what is planned. Shipped work and future direction have separate places to inspect.
What has shipped
Release notes describe the changes to components, documentation and product surfaces.
View changelogWhat is planned
The roadmap separates shipped, active and planned work. Planned items are not part of the current product scope.
View roadmapStart with something you can run.
Explore Starter Free to see the components and layouts working together. Use the documentation to understand the foundation, then choose what your product needs next.
Starter Free is a frontend demo. Choose Pro when real accounts and payments become your next step.
Compare Free and Pro