Mux design examples

Mux

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

• Sign In

Mux

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

• Forgot Password

Mux

Signup screen where the user creates an account using a work email, Google, or GitHub.

• Sign Up

Mux

Verification screen where the user is instructed to check their email for an activation link to finish the signup process.

• Verification
• Success

Mux

Signup page where an invited user completes their account creation by providing their name, organization details, and password.

• Sign Up
• Account Setup

Mux

Empty list view for video assets where the user is prompted to create their first asset or explore other features.

• Empty State
• Files

Mux

Empty state for the video assets list where the user is prompted to create their first asset, view the guide, or explore other developer integration features.

• Empty State
• Files

Mux

Empty state for the video assets list where the user is prompted to create their first asset or explore other features like live streams and players.

• Empty State
• Files

Mux

Create overlay where the user configures a POST request with a JSON body to generate a new video asset, featuring an inline upgrade nudge for removing limits.

• Media Editor
• API Keys

Mux

Detail page where the user views technical metadata, playback IDs, tracks, and recent events for a specific video asset.

• Media Detail
• Video Player

Mux

Code editor overlay where the user can edit a POST body payload and view the resulting API response, with an option to view the created asset.

• Code Editor
• API Keys

Mux

Full-screen overlay where the user can copy the HTML script to embed the video player into their app and preview the playback.

• Media Detail
• Video Player