Proper UI

Email lifecycle

Transactional and onboarding emails from address verification to team invites.

5 steps

  1. Simple verification
    Step 1

    Simple verification

    Sends the verification code or link to confirm an email address.

    npx @properui/cli@latest add simple-verification
  2. Simple welcome 01
    Step 2

    Simple welcome 01

    A plain, text-first welcome email sent right after sign-up.

    npx @properui/cli@latest add simple-welcome-01
  3. Simple invite
    Step 3

    Simple invite

    Invites someone to join a team, with a clear accept button.

    npx @properui/cli@latest add simple-invite
  4. Video welcome 01
    Step 4

    Video welcome 01

    A welcome email built around an intro video to drive activation.

    npx @properui/cli@latest add video-welcome-01
  5. Mockup 02
    Step 5

    Mockup 02

    A product-mockup email that shows the app in action.

    npx @properui/cli@latest add mockup-02

Install this flow

One command writes every step and the components they compose.

npx @properui/cli@latest add simple-verification simple-welcome-01 simple-invite video-welcome-01 mockup-02

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

search_flows "Email lifecycle"