PyColors Starter Free
Production-shaped SaaS starter·Version v1.2.2
Next.js App RouterTailwind v4PyColors UIUpgrade-readyNo backend required

A SaaS starter that feels like a real product from day one.

Starter Free gives you the product shell, application surfaces, states, navigation, tables, settings, billing previews, and auth flows needed to validate a SaaS quickly — then upgrade when you need authentication, billing, protected routes, and production wiring.

Product-shaped UX
Dashboard, projects, admin, billing, settings, and auth flows designed like a real SaaS.
Upgrade path built in
Free surfaces stay useful while Pro gates highlight authentication, billing, and protected workflows.
Production patterns
Reusable states, stable layouts, safe destructive actions, accessible overlays, and predictable navigation.

What’s included

Core app surfaces that make the starter feel credible before you wire your backend.

Dashboard

KPI metrics, activity feeds, quick actions, and upgrade-ready product analytics.

Core

Projects

Project entities, table actions, rename flows, dialogs, navigation states, and scalable workspace patterns.

Data

Admin

Members, invitations, protected ownership, and collaborative workspace management.

Team

Billing

Subscription plans, invoices, payment methods, and billing portal entrypoints.

Revenue

Settings

Profile preferences, organization controls, security flows, and danger-zone actions.

App

Auth

Authentication flows, password recovery, account access, and onboarding surfaces.

Flow

Built to convert to Starter Pro

Starter Free validates the product experience. Starter Pro adds the production business layer.

Pro
Email & password authentication
Google & GitHub OAuth
Stripe Checkout & billing portal
Protected routes & session handling
Webhook synchronization
Subscription lifecycle flows

Positioning

Free is not unfinished. It is intentionally scoped.

Use Starter Free to test the product shape, IA, UI patterns, and user flows.
Upgrade when you need authentication, billing, subscriptions, protected routes, and production wiring.

Why it’s different

PyColors Starter focuses on product surfaces and SaaS workflows, not isolated components.

Interaction contracts

Tables, actions, dialogs, loading states, empty states, and destructive flows work together.

  • • Tables with loading, empty states, and actions.
  • • Forms with labels, helper text, and validation slots.
  • • Navigation with active routes and stable layout.

Design-system first

Built with PyColors UI primitives and tokens for a consistent, extensible product baseline.

  • • Token-driven color, border, radius, and elevation.
  • • Accessible overlays, focus states, and controls.
  • • Reusable states: Skeleton, EmptyState, TableLoading.

Quickstart

Clone, install, and run the starter locally.

pnpm install
pnpm dev
Read the guide for architecture notes, customization, and release workflow.
Read docs