Todoist design examples

Name: Todoist
Author: Bertrand

Explore Todoist UI design examples. The to do list to organize work & life

Product screens

Sign-in screen where the user authenticates with Google, Facebook, Apple, or email and password.

Password recovery screen where the user enters their email address to receive a reset link.

Password recovery screen where the user enters their email address to request a reset link.

Password recovery screen confirming that a reset link has been emailed to the user, providing a link to return to the login page.

Password recovery screen where the user requests a reset link for their pre-filled email address.

Signup screen where the user can create an account using Google, Facebook, Apple, or email, alongside social proof statistics.

Signup screen where the user creates an account using Google, Facebook, Apple, or email, accompanied by product usage statistics and illustrations.

Signup page where the user is creating an account with email and password, featuring social login options and usage statistics for social proof.

Full-screen loading state displaying the application logo and a spinner before the interface resolves.

Onboarding step where the user uploads a profile photo, enters their name, and toggles team usage before continuing.

Onboarding step where the user enters their name, uploads a photo, and chooses whether to use the app with a team.

Onboarding step where the user selects their role and opts into extra help while viewing a preview of their workspace.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.