React User Onboarding - Flowbite

Use a collection of user onboarding pages to increase the chances of the adoption of your software by improving the introduction phase of your product.


Choose account type

Use this example as the first step of the user onboarding process to ask what type of account would your user like to create (ie. business or individual).

View on GitHub
  1. 1
    Personal
  2. 2
    Account
  3. 3
    Confirmation

Tell us about yourself

What is your profession?

Already have an account? Login here.

Account details

Use this step from the user onboarding process to ask for details such as the email address, full name, password, country and phone number.

View on GitHub
  1. Personal
  2. 2
    Account
  3. 3
    Confirmation

Account details

Prev: Personal Info

Email verification with 6-digit code

Use this page to verify the email address of the user by sending a 6-digit code that has to be applied to this page before the account can be activated.

View on GitHub
  1. Personal
  2. Account
  3. 3
    Confirmation

Verify your email address

We emailed you a six-digit code to name@company.com. Enter the code below to confirm your email address.

Make sure to keep this window open while checking your inbox.

Prev: Account Info

Success message

Use the success message page as the last step of the onboarding process before the user can access their application dashboard interface and log into their account.

View on GitHub
  1. Personal
  2. Account
  3. Confirmation

Verified

You have successfully verified your account.

Log in to your Account