Starter FreeFree validation layerUpgrade-ready

Validate your SaaS surface before wiring the business layer.A production-shaped Next.js starter for testing product UX, dashboards, billing screens, and account flows fast.

Starter Free helps you prove the product shape before backend complexity. Use it to explore real SaaS screens, then upgrade to Starter Pro when authentication, Stripe billing, protected routes, and production wiring become the bottleneck.

Open live demo Get repository

Next.js App RouterTailwind v4Mocked by designNo backend requiredPro upgrade path

Real SaaS surfaces
Fast UX validation
No database required
Ready to upgrade

Starter Free product surface

Starter Free SaaS product surface preview

Why Starter Free exists

Validate the product first. Wire the business when the direction is clear.

Most builders lose time wiring infrastructure before knowing if the SaaS actually feels credible. Starter Free reverses the process: validate the surface, navigation, screens, and product story first.

Once the product shape is clear, Starter Pro becomes the natural next step for real authentication, Stripe billing, protected architecture, and launch readiness.

Read Starter docs See Starter Pro

Built on PyColors UI@pycolors/ui

A serious UI foundation, not a random template.

Starter Free is powered by the same design system, semantic tokens, and product language used across the PyColors ecosystem.

Buttons, dialogs, sheets, tables, pagination, empty states, auth flows, settings screens, and dashboard patterns already share a consistent product language built for modern SaaS applications.

Accessible primitives
Production-shaped UX
Tailwind v4
Next.js App Router
Semantic tokens

Open source · versioned · actively maintained

Included surfaces

Real SaaS surfaces for faster validation.

Starter Free is not just a component gallery. It gives you realistic product flows designed to make your SaaS feel credible immediately.

/login + /register

Auth UX

/login + /register

Production-shaped authentication screens that help your SaaS feel credible before real auth is wired.

Email/password UX
OAuth placeholders
Forgot password flow
Error and loading states

View surface

/dashboard

Product credibility

/dashboard

A structured dashboard designed to communicate product value immediately.

KPI placeholders
Structured sections
Action hierarchy
Empty states

View surface

/projects

CRUD surface

/projects

Reusable CRUD patterns adapted to modern SaaS products and internal tools.

Tables
Dialogs
Actions
Entity flows

View surface

/settings

Trust

/settings

Settings surfaces that make your product feel mature and account-ready.

Security sections
Profile management
Danger zones
Session placeholders

View surface

/billing

Monetization

/billing

Billing entrypoints designed before Stripe wiring, so the paid path is visible early.

Current plan state
Upgrade actions
Subscription states
Portal placeholders

View surface

/admin

B2B-ready

/admin

Team and member management surfaces for B2B SaaS credibility.

Members
Roles
Invitations
Permissions placeholders

View surface

Upgrade path

Free validates the product. Pro wires the business.

Keep the funnel simple. Starter Free proves the surface. Starter Pro handles authentication, Stripe billing, protected routes, webhooks, and production foundations.

Capability	Starter Free	Starter Pro
Product-shaped SaaS UI	Included	Included
Auth UX screens	Mocked	Fully wired
Dashboard + CRUD	Included	Included + extended
Real authentication	No	Included
Protected routes	Partial	Included
Stripe billing	No	Included
Webhooks + billing sync	No	Included
Best use case	Validate UX	Launch and charge faster

Read upgrade guide

Ecosystem

Learn, adapt, then upgrade when needed.

Starter Free works best as the first layer of a larger product system: docs, guides, examples, patterns, and Pro wiring.

Guides

Understand SaaS flows, auth, billing, dashboards, teams, and product structure.

Read guides

UI Patterns

Move from primitives to reusable product surfaces designed for real SaaS workflows.

Browse patterns

Starter Pro

Upgrade when you need real authentication, Stripe billing, protected routes, and production wiring.

See Pro

Quick start

Clone, run, inspect, adapt.

Run Starter Free locally, inspect the screens, adapt the product copy, then wire your own stack or upgrade to Starter Pro when the business layer matters.

pnpm
No database
No API required
Mock data

terminalGitHub

git clone https://github.com/pycolors-io/pycolors-starter-free.git
cd pycolors-starter-free
pnpm install
pnpm dev

Then open http://localhost:3000

Start free. Upgrade when launch friction appears.

Starter Free helps you validate the SaaS surface. Starter Pro helps you launch with real authentication, Stripe billing, protected routes, and production-ready architecture already wired.

Free validates UX
Pro wires auth
Pro wires billing
Pro accelerates launch

Open live demo

Follow the setup guide in the docs → /docs/starter