Fly design examples

Fly

Sign-in screen where the user authenticates with email, GitHub, or Google, featuring a community haiku and illustration on the right.

• Sign In

Fly

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

• Forgot Password

Fly

Password recovery screen where the user enters their email address to receive reset instructions, featuring a decorative illustration and haiku on the right.

• Forgot Password

Fly

Sign-in screen where the user authenticates with GitHub, Google, or email and password, showing a success message for password reset instructions.

• Forgot Password
• Success

Fly

Sign-up page where the user can create an account using GitHub, Google, or an email and password, featuring a brand illustration and a haiku on the right.

• Sign Up

Fly

Signup page where the user can create an account using GitHub, Google, or by providing a preferred name, email, and password.

• Sign Up
• Account Setup

Fly

Signup screen where the user can create an account using GitHub, Google, or an email and password.

• Sign Up
• Account Setup

Fly

Sign-up screen where the user creates an account using GitHub, Google, or an email and password, accompanied by a decorative illustration.

• Sign Up

Fly

Onboarding welcome screen where the user is guided to install the CLI and deploy their first app, with links to supported frameworks and recent blog posts.

• Getting Started
• Welcome

Fly

Signin screen where the user authorizes the Fly CLI to connect to their account and sees a prompt to verify their account by adding a credit card.

• Sign In
• Account Setup

Fly

Paywall screen where the user can start a free trial for the Hobby plan and review included features like Fly Machines and Fly Volumes.

• Trial
• Pricing

Fly

A checkout page where users can enter their payment details to secure their transaction.

• Payment Form