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.
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.
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;
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
Security & Compliance
-
All credentials are encrypted at rest
-
Follows OAuth 2.0 best practices
-
Compliant with security standards
