Morphic design examples

Name: Morphic
Author: Bertrand

Explore Morphic UI design examples. A new era of storytelling

Product screens

Authentication modal where the user is prompted to sign up or log in with Google, a passkey, or email to access the AI generation canvas.

Authentication modal where the user can sign up or log in using Google, a passkey, or email to access the underlying design editor canvas.

Signup modal where the user can authenticate via Google, Passkey, or email to access the editor.

AI generation canvas overlaid with a welcome modal prompting the user to sign up or log in via Google, Passkey, or email.

Signup and login modal where the user can authenticate via Google, passkey, or email to access the editor canvas.

Design editor with a gated welcome modal asking the user to log in or sign up via Google, Passkey, or email to continue.

Verification screen where the user enters a 6-digit one-time password sent to their email to authenticate.

AI generation editor where a modal prompts the user to enter a 6-digit code sent to their email to verify their identity.

Design editor where a welcome modal rewards the user with 45 free credits and triggers a confetti animation.

Canvas-based AI generation tool where the user connects prompts and media nodes to create images, video, and audio.

AI generation canvas where the user prompts for and combines image, video, and audio outputs using a node-based workflow.

Home screen where the user browses their recent files and assets, with a prominent option to create a new file.

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