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

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

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

Checkout screen where the user waits for their plan upgrade to process while reviewing the included features.

• Checkout
• Loading

Fly

Dashboard empty state where the user is prompted to launch their first app, alongside a trial usage summary and an email verification warning.

• Dashboard
• Empty State

Fly

List view showing the organization's apps in a loading state with filters for deployment status, alongside a card detailing hobby plan trial usage.

• Dashboard
• Filter & Sort

Fly

App launch screen where the user configures basics, region, services, compute, and database providers before confirming.

• Setup Wizard