Skip to content

Integrations screen examples

Integrations screen design examples from SaaS apps. See how SaaS apps organize connections to other tools. Explore how integration directories and settings present available services, connection status, and…

Explore the examples

Bud - Bud | Your AI Worker screen
Bud logo
Bud

AI chat interface where a side drawer prompts the user to connect their GitHub account to sync a specific project.

Polar - Preferences | Polar screen
Polar logo
Polar

Settings page where the user manages connected accounts, two-factor authentication, notification recipients, and account deletion.

Magnific - MCP screen
Magnific logo
Magnific

Settings page where the user configures MCP integrations for various AI tools like Claude Desktop, ChatGPT, and Cursor by copying a connector URL.

Alloy - Nicely Done » New view screen
Alloy logo
Alloy

Settings modal where the user can connect their workspace to third-party tools like Slack, Intercom, Linear, and Jira.

Inference - Settings | inference.net screen
Inference logo
Inference

Settings page where the user configures AI model providers like Anthropic, Google Gemini, and OpenAI for their project.

Origin Financial screen
Origin Financial logo
Origin Financial

Onboarding step where the user is prompted to connect their primary financial accounts to spot subscriptions and cash flow patterns.

Steel - Steel | Open-source Headless Browser API screen
Steel logo
Steel

Settings page where the user manages their personal profile details, primary email address, and connected GitHub accounts.

Zaro - Zaro - The Context Layer for Enterprise AI screen
Zaro logo
Zaro

Settings page where the user manages active tool connections for their AI agents and browses a directory to connect new ones.

Riverside - Riverside Studio screen
Riverside logo
Riverside

Settings page where the user connects third-party apps like HubSpot and Salesforce to streamline their workflow.

Axiom - Endpoints - Settings - Axiom screen
Axiom logo
Axiom

Settings page where the user manages configured endpoints, such as a Splunk integration, for sending data flows to the platform.

Visitors - Integrations on nicelydone.com - Visitors screen
Visitors logo
Visitors

Settings page where the user connects a Dodo Payments integration by entering their API key in a modal.

Dock - HubSpot · Dock screen
Dock logo
Dock

Settings page where the user configures object sync preferences for the HubSpot integration and encounters a rate limit error toast.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams