Proper UI

Onboarding to first dashboard

A multi-step sign-up that ends on an empty dashboard prompting the first action.

5 steps

  1. Signup progress 01
    Step 1

    Signup progress 01

    First step of a progress-tracked sign-up, collecting the account basics.

    DocsOpen example
    npx @properui/cli@latest add signup-progress-01
  2. Signup progress 02
    Step 2

    Signup progress 02

    Second step, gathering details about the person or company.

    DocsOpen example
    npx @properui/cli@latest add signup-progress-02
  3. Signup progress 03
    Step 3

    Signup progress 03

    Final sign-up step before the user lands in the product.

    DocsOpen example
    npx @properui/cli@latest add signup-progress-03
  4. Settings 10
    Step 4

    Settings 10

    A complete-your-account checklist that nudges the user to finish setup.

    DocsOpen example
    npx @properui/cli@latest add settings-10
  5. Dashboard 01
    Step 5

    Dashboard 01

    A dashboard with empty-state prompts to create the first post and member.

    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 signup-progress-01 signup-progress-02 signup-progress-03 settings-10 dashboard-01

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

search_flows "Onboarding to first dashboard"