Runnable product screens examples

Name: Runnable
Author: Bertrand

Browse Runnable screen design examples. Preview the interface screenshots and explore related UI patterns. Running apps for every code branch

Developer Tools app examples

Explore the examples

Runnable

Sign-in screen where the user authenticates with their GitHub account to access the platform.

Sign In

Runnable

Signup page where the user can create an account using GitHub or Bitbucket to start a 14-day free trial.

Runnable

Sign-in screen where the user authenticates with their GitHub credentials to authorize access for the Runnable application.

Sign In

Runnable

Onboarding step where the user selects a team workspace, like 'bertwitt', or indicates they don't see their team to proceed.

Runnable

Onboarding loading screen where the user waits for their infrastructure to spin up while being offered a product tour video.

Runnable

Onboarding Confirmation

Runnable

Onboarding step where the user configures their application by choosing to start a demo with Node.js, Python, or Ruby, or by connecting existing repositories.

Runnable

Configuration wizard step where the user selects the stack type, version, and branch for their repository before initiating a build, guided by an onboarding coach mark.

Setup Wizard

Runnable

Detail page where the user views the configuration settings for a ruby-starter template and is guided by an onboarding coach mark after successfully creating a container.