Modal design examples

Name: Modal
Author: Bertrand

Explore Modal UI design examples. Cloud functions reimagined

Product screens

Signin screen where the user authorizes Modal Labs to access their GitHub account, featuring a prominent billing issue warning banner.

Transitional screen indicating the user has successfully authenticated and is being redirected back to the requesting application.

Onboarding screen for a new workspace where the user is guided to install the Python client and generate an API token via a step-by-step accordion.

Success screen confirming an API token has been created and granted to the client, featuring a celebratory confetti animation.

Onboarding screen where the user is guided to create their first app by downloading the Python client and running sample code.

List view showing an empty state for deployed applications, with a toast notification confirming a recent app creation.

Detail page where the user views the execution activity, container metrics, and logs for a specific deployed app function.

Detail page for a specific serverless application where the user has opened a modal to manage email notifications and scheduled functions.

Detail page for a serverless application showing function activity, container metrics, and execution history.

List view where a developer monitors, searches, and filters application logs for a specific deployed app.

App logs view where the user can search, filter by function, and read execution logs for a specific application.

Log viewer where the user monitors app execution, searches for specific entries, and filters by function.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.