Neon design examples

Neon

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

• Sign In

Neon

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

• Forgot Password

Neon

Password recovery screen where the user enters their email address to receive a reset link, featuring a promotional sidebar for serverless Postgres.

• Forgot Password

Neon

Sign-in screen where the user authenticates with email and password or OAuth providers like GitHub, Google, and Hasura, featuring a success banner for a recently triggered action.

• Sign In

Neon

Signup screen where the user creates an account using email and password or authenticates via GitHub, Google, or Hasura, featuring an inline password requirements popover.

• Sign Up

Neon

Signup page where the user creates an account using an email and password or authenticates via GitHub, Google, or Hasura.

• Sign Up

Neon

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

• Sign Up

Neon

Verification screen where the user is prompted to check their email for an activation link to their Neon account or resend it.

• Verification

Neon

Onboarding screen where the user configures their first free-tier database by setting a project name, Postgres version, and deployment region.

• Add & Create
• Account Setup

Neon

Onboarding screen where the user creates their first free project by specifying a project name, Postgres version, database name, and region.

• Setup Wizard
• Add & Create

Neon

Onboarding step where the user names their first project and database, selects a Postgres version, and chooses a deployment region to get started on the free tier.

• Setup Wizard
• Add & Create

Neon

Onboarding step where the user creates their first Neon project by naming it, selecting a Postgres version, and choosing a geographic region.

• Account Setup