Skip to content
pycolors
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 demoGet 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 docsSee 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 primitivesProduction-shaped UXTailwind v4Next.js App RouterSemantic tokens
    @pycolors/ui npm version@pycolors/ui npm downloads@pycolors/ui license
    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 surface preview
    /login + /register
    Auth UX

    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 surface preview
    /dashboard
    Product credibility

    A structured dashboard designed to communicate product value immediately.

    • KPI placeholders
    • Structured sections
    • Action hierarchy
    • Empty states
    View surface

    /projects

    CRUD surface
    /projects surface preview
    /projects
    CRUD surface

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

    • Tables
    • Dialogs
    • Actions
    • Entity flows
    View surface

    /settings

    Trust
    /settings surface preview
    /settings
    Trust

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

    • Security sections
    • Profile management
    • Danger zones
    • Session placeholders
    View surface

    /billing

    Monetization
    /billing surface preview
    /billing
    Monetization

    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 surface preview
    /admin
    B2B-ready

    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.

    CapabilityStarter FreeStarter Pro
    Product-shaped SaaS UIIncludedIncluded
    Auth UX screensMockedFully wired
    Dashboard + CRUDIncludedIncluded + extended
    Real authenticationNoIncluded
    Protected routesPartialIncluded
    Stripe billingNoIncluded
    Webhooks + billing syncNoIncluded
    Best use caseValidate UXLaunch 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.

    pnpmNo databaseNo API requiredMock 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 UXPro wires authPro wires billingPro accelerates launch
    Open live demo

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