A minimal UI systembuilt to ship SaaS.
PyColors UI is a documentation-first design system built on semantic tokens and Radix primitives — so you move faster without losing consistency.
Highlights
A focused baseline for building product UIs with predictable patterns.
Radix-based primitives with consistent variants, tokens, and docs — designed to ship real products.
A clean token system (bg-card, border-border, text-muted-foreground) so themes scale without breaking UI density.
Preview → Usage → Code → Props. Copy/paste fast, then adapt with confidence.
Who it’s for
Built for people shipping real interfaces: SaaS apps, dashboards, and marketing sites.
Dashboards, settings, billing pages, CRUD flows — with predictable UI density and tokens.
Layout primitives that scale to tables, filters, pagination, empty states, and system feedback.
Landing pages that stay consistent with your app UI — typography, spacing, and components.
Quick start
Install, run docs locally, and start copying components.
pnpm install pnpm dev
What’s in v1.0
The core primitives to build real SaaS UIs — documented, consistent, extensible.
Variants + sizes, asChild support, consistent tokens.
Label, helper, error, icons — form-ready patterns.
Default / secondary / outline — lightweight labeling.
Header / content / footer — layout foundation for UIs.
Info / success / warning / destructive — clear feedback.
Start here
Build your first screen with PyColors UI — then follow the changelog for updates.
Building in public. Shipping consistently.