Clerk design examples

Clerk

Signup screen where the user can create an account using GitHub, Google, or by entering their name, email, and a password, alongside a list of product benefits.

• Sign Up

Clerk

Signup page where the user creates an account using GitHub, Google, or email, alongside a list of product value propositions.

• Sign Up
• Account Setup

Clerk

Signup screen where the user creates an account using GitHub, Google, or email and password, alongside a list of product benefits.

• Sign Up

Clerk

Auth screen where the user enters a 6-digit verification code sent to their email to continue signing up for Clerk.

• Verification

Clerk

Application creation page where the user configures sign-in options like email, phone, and social providers alongside a live interactive preview.

• Sign Up
• Account Setup

Clerk

Creation screen where the user names their application and configures sign-in options with a live preview of the resulting authentication component.

• Sign Up
• Account Setup

Clerk

Create flow where the user names their application and toggles authentication providers while viewing a live preview of the resulting sign-in card.

• Sign In
• Loading

Clerk

Dashboard overview acting as a setup checklist where the user selects a framework like Next.js and follows steps to install packages, set environment variables, and configure middleware.

• Setup Wizard

Clerk

Sign-in screen where the user authenticates with GitHub, Google, email, or a passkey.

• Sign In

Clerk

Sign-in screen where the user authenticates with GitHub, Google, or an email address.

• Sign In

Clerk

Sign-in screen where the user enters their password to authenticate a recognized email address, with options to reset the password or choose another method.

• Forgot Password

Clerk

Sign-in screen where the user enters their password to authenticate an already provided email address.

• Sign In