New user onboarding

Four screens that take a new customer from their first choice to a ready project. Their progress is saved along the way.

Included
4 screens
Typical UI setup
30-45 min
Install with
Your coding agent or shadcn

Preview every screen

These screens are included in this order. Open any block to inspect its source and states.

4 screens
Choose a goal preview
Choose a goalCapture the user’s first outcome

Included screens

Every screen is editable React source. You connect it to your routes, data, authentication, and providers.

4 screens
  • Choose a goal

    Pro

    Capture the user’s first outcome

    You connect: Owns goal selection only; account creation remains in the host app.

  • Connect tools

    Pro

    Connect required external tools

    You connect: Displays connection state; credentials remain with each provider.

  • Review setup progress

    Pro

    Show resumable setup progress

    You connect: Reads durable host state and never invents completion.

  • Create the first project

    Pro

    Move the user into the first project

    You connect: Creates no data until the host action succeeds.

How it fits

CoBlick supplies the interface. Your app stays in control of customer data and business rules.

  • Your account

    Your app keeps control of sign-in, permissions, and saved progress.

  • Four CoBlick screens

    Add goal selection, tool connections, progress, and the first-project screen.

  • Your first project

    Create the project only after the customer confirms their choices.

Works with

The setup estimate assumes your routes and APIs already exist.

30-45 minTypical UI setup
  • React and TypeScript
  • Next.js, Vite, React Router, Remix, and Astro
  • Tailwind CSS 4
  • CoBlick MCP
  • shadcn registry
  • Light and dark themes

Good fit

New SaaS accounts that need several explicit setup decisions before reaching value.

Choose another flow if

Single-field registration or apps with no post-signup setup.

Checks to run before you ship

  • Keyboard completion
  • Resume after refresh
  • Mobile layout
  • Light and dark themes
  • Error recovery