Skip to main content

​
It all starts with <Connect />

Configure your <Connect /> component with the connector of your choice and the operations scope you’ll need to build your integration.
Hero Light
Morph simplifies third-party authentication with a fully managed system that handles OAuth flows, token management, and scope authorization. Leverage our 100+ open-source connectors to integrate with popular platforms like Salesforce, HubSpot, and more in minutes instead of weeks.
Live Demo
Select a connector below to experience our seamless authentication flow and see how easy it is to connect third-party services.
SSR component
import { Morph } from "@runmorph/cloud"; 
import { Connect } from "@runmorph/atoms";

// Initialize Morph client with your API credentials
const morph = new Morph({
  publicKey: process.env.MORPH_API_KEY!,
  secretKey: process.env.MORPH_API_SECRET!,
});

async function SalesforceConnectButton() {
// Generate a secure session token for the <Connect /> component
// This token allows your users to authenticate with third-party services
const { sessionToken } = await morph.sessions().create({
  connectorId: "salesforce",
  ownerId: "customer-123", // Unique identifier for your customer
  operations: [
    "genericContact::list"
  ],
});

// Render the <Connect /> component with the session token
return <Connect sessionToken={sessionToken} />;
}

export default SalesforceConnectButton;
Once authorized, you can leverage the connection to interact with unified data models or make direct API requests through our proxy.
Server
import { Morph } from "@runmorph/cloud";

// Initialize Morph client with your API credentials
const morph = new Morph({
  publicKey: process.env.MORPH_API_KEY!,
  secretKey: process.env.MORPH_API_SECRET!,
});

// Load a connection
const connection = morph.connections({
  connectorId: "salesforce",
  ownerId: "customer-123",
});

// Access a specific resource model
const contacts = connection.resources("genericContact");

// Create a contact
const { data, error } = await contacts.create({
  firstName: "John",
  lastName: "Doe",
  email: "john.doe@corp.co",
});

​
Next

Models

List, create, update seamlessly contact, opportunity, ticket and over 30 other unified model across all connectors, simplifying your integrations with a single codebase.

Bi-direction Synchronization

Real-time bidirectional data synchronization between any connector’s model (e.g contact) and your own database.

​
Security & Compliance

  • All credentials are encrypted at rest
  • Follows OAuth 2.0 best practices
  • Compliant with security standards