Proper UI

SaaS launch

The funnel from a launch landing page through sign-up and verification to the first dashboard.

6 steps

  1. Landing page 02
    Step 1

    Landing page 02

    The launch landing page that pitches the product and collects clicks.

    DocsOpen example
    npx @properui/cli@latest add landing-page-02
  2. Pricing page 02
    Step 2

    Pricing page 02

    Plans and pricing for visitors who are ready to commit.

    DocsOpen example
    npx @properui/cli@latest add pricing-page-02
  3. Signup split image
    Step 3

    Signup split image

    A split-screen sign-up with brand imagery beside the form.

    DocsOpen example
    npx @properui/cli@latest add signup-split-image
  4. Step 1 check email
    Step 4

    Step 1 check email

    Prompts the new user to check their inbox for a confirmation.

    DocsOpen example
    npx @properui/cli@latest add step-1-check-email
  5. Step 3 success
    Step 5

    Step 3 success

    Confirms verification and sends the user into the product.

    DocsOpen example
    npx @properui/cli@latest add step-3-success
  6. Dashboard 01
    Step 6

    Dashboard 01

    The first dashboard the new customer sees after verifying.

    DocsOpen example
    npx @properui/cli@latest add dashboard-01

Install this flow

One command writes every step and the components they compose.

npx @properui/cli@latest add landing-page-02 pricing-page-02 signup-split-image step-1-check-email step-3-success dashboard-01

Working in an agent? Ask the MCP server for the same journey.

search_flows "SaaS launch"