Modal design examples

Name: Modal
Author: Bertrand

Explore Modal UI design examples. Cloud functions reimagined

Product screens

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.

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

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

List view where the user manages persistent dictionaries of environment variables, currently showing an empty state.

Creation wizard where the user selects a pre-filled integration template or a custom option to set up a new environment variable secret.

Create page where the user enters key-value pairs for a new secret during a multi-step setup.

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