Framer product screens examples

Framer

Sign-in screen where the user authenticates with Google or email over a blurred showcase background.

• Sign In

Framer

Sign-in screen where the user authenticates with Google or enters their email to continue.

• Sign In

Framer

Sign-in screen where the user authenticates with Google or enters their email to continue.

• Sign In

Framer

Verification screen prompting the user to check their inbox for an activation link to continue.

• Verification
• Confirmation

Framer

Sign-in screen where the user authenticates with Google or email.

• Sign In

Framer

Sign-in screen where the user authenticates with Google or enters their email address to continue.

• Sign In

Framer

Verification screen prompting the user to check their inbox for an activation link, with an inline option to resend the email.

• Verification
• Sign Up

Framer

Signup screen where the user enters their first and last name to complete account creation with a pre-filled email address.

• Account Setup
• Sign Up

Framer

Signup screen where the user provides their first and last name along with an email address to create an account, and accepts the terms of service.

• Sign Up

Framer

Design editor where a new user lands on a blank canvas with a 5-step onboarding checklist to get started.

• Onboarding Checklist
• Getting Started

Framer

Workspace home page where the user views their recent design projects, searches files, and can create new projects or invite members.

• Home
• Files

Framer

Home screen where the user views their recent projects in a grid and can create new files or invite members.

• Home
• Files