Checkly design examples

Name: Checkly
Author: Bertrand

Explore Checkly UI design examples. Detect and resolve issues 10x faster

Product screens

Onboarding step where the user provides their current role and their primary goal for using the product before continuing.

Onboarding step where the user selects their current role from a dropdown and describes their intent for the session.

Onboarding step where the user selects their current role and briefly describes their intent for using the product before continuing.

Onboarding step where the user specifies their current role and primary goal for using the product.

Onboarding step where the user enters a URL to run an initial Playwright test script against their website.

Onboarding step where the user enters a URL to run a Playwright test script and waits for the execution to finish.

Onboarding step where the user enters a URL to run an initial Playwright test and reviews the resulting web vitals before saving.

Onboarding step where the user runs a Playwright test on a URL and reviews the resulting web vitals report before saving.

List view where the user monitors the status of their checks with passing, degraded, and failing KPI tiles.

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

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

List view showing active monitors with a trial status banner, status summary tiles, and a data table of check results.

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