Connection screen examples

Flora

Workflow editor where the user configures an AI image generation pipeline, currently defining the output nodes in the technique builder sidebar.

• AI Editing
• AI Generation

Mighty

Settings modal where the user views details and a video tutorial for the Kit integration before connecting it to their network.

• Integrations
• Video Player

The org

Detail page for an employee profile displaying their position in the company org chart, company details, and related people.

• Profile
• Browse

Clay

Settings page where the user connects a Slack account via an OAuth modal.

• Integrations
• Account Settings

Delphi

Onboarding step where the user connects their public X (Twitter) account to enrich their AI model and toggles automatic syncing.

• Account Setup

Evervault

Sign-in screen where the user authenticates with an email address, a passkey, GitHub, or Google.

• Sign In

Notion Mail

Sign-in screen where the user authenticates to Notion Mail using Google, Apple, Microsoft, a passkey, SSO, or email.

• Sign In

Record club

Sign-in screen where the user authenticates to Record Club using their email and password.

• Forgot Password

Sora

Sign-in screen where the user enters their password or chooses to authenticate with Google, Microsoft, or Apple.

• Forgot Password

Grok

Sign-in screen where the user authenticates with email, X, or Google, featuring an inline Cloudflare verification step.

• Verification

Shuttle

Sign-in screen where the user authenticates with their email and password to access the Shuttle file delivery service.

• Sign In

Bitly

Sign-in screen where the user authenticates with Google, Apple, SSO, or email and password, alongside a promotional graphic highlighting analytics features.

• Forgot Password