Frame.io design examples

Frame.io

Authentication screen where the user enters their email address to begin the sign-in or account creation process.

• Sign Up

Frame.io

Auth screen where the user enters their email address to get started, currently in a loading state after submission.

• Sign In
• Loading

Frame.io

Signup screen where the user can authenticate with Adobe or Google, or create an account manually using their email, name, and password.

• Sign Up
• Account Setup

Frame.io

Signup page where the user can create an account using Adobe, Google, or a standard email and password form.

• Sign Up

Frame.io

Signup page where the user has filled in their email, name, and password, currently showing a loading state upon submission.

• Sign Up
• Loading

Frame.io

Verification screen where the user enters a 6-digit security code sent to their email address, featuring a resend countdown timer.

• Verification

Frame.io

Verification screen where the user enters a 6-digit security code sent to their email, currently showing a loading state after auto-submitting.

• Verification
• Loading

Frame.io

Project detail page where the user views and manages media files, folders, and review links in a grid layout.

• Files
• Browse

Frame.io

List view where the user browses media files and folders within a project, featuring an open account-switcher dropdown and a trial upgrade prompt.

• Files
• Browse

Frame.io

List view where the user browses video files and folders within a specific project, with options to share the project, upload new items, or manage project settings via an open dropdown menu.

• Files
• Browse

Frame.io

Detail page where the user configures project privacy, collaborator permissions, and email notifications via an edit modal.

• Edit
• Team Management

Frame.io

Detail page where the user views and manages media files and folders within a specific project workspace.

• Files
• Browse