> ## Documentation Index
> Fetch the complete documentation index at: https://docs.useparagon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

export const IntegrationsCatalog = () => {
  const AUTH_OPTIONS = ["Basic Auth", "OAuth2"];
  const PRODUCT_OPTIONS = ["Managed Sync", "ActionKit", "Workflows"];
  const CATEGORY_ORDER = ["Knowledge Bases", "CRM", "Team Communication", "Project Management", "Accounting / ERP", "Support Ticketing", "Data & Analytics", "Marketing Automation", "Productivity", "Advertising", "Sales", "E-commerce", "HR"];
  const INTEGRATIONS = [["ActiveCampaign", "/resources/integrations/activecampaign", "https://cdn.useparagon.com/latest/dashboard/public/integrations/activecampaign.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Marketing Automation"], 3], ["Adobe Acrobat Sign", "/resources/integrations/adobe-acrobat-sign", "https://cdn.useparagon.com/latest/dashboard/public/integrations/adobeAcrobatSign.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Productivity"], 2], ["Adobe Commerce", "/resources/integrations/adobecommerce", "https://cdn.useparagon.com/latest/dashboard/public/integrations/magento.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["E-commerce"], 1], ["Adobe Experience Manager", "/resources/integrations/adobe-experience-manager", "https://cdn.useparagon.com/latest/dashboard/public/integrations/adobeexperiencemanager.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 1], ["ADP Workforce Now", "/resources/integrations/adp-workforce-now", "https://cdn.useparagon.com/latest/dashboard/public/integrations/adpworkforcenow.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["HR"], 0], ["Airtable", "/resources/integrations/airtable", "https://cdn.useparagon.com/latest/dashboard/public/integrations/airtable.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Project Management"], 10], ["Amazon S3", "/resources/integrations/amazon-s3", "https://cdn.useparagon.com/latest/dashboard/public/integrations/amazons3.svg", ["Basic Auth"], ["Managed Sync", "Workflows", "Proxy API"], ["Data & Analytics"], 19], ["Amplitude", "/resources/integrations/amplitude", "https://cdn.useparagon.com/latest/dashboard/public/integrations/amplitude.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Data & Analytics"], 2], ["Apollo.io", "/resources/integrations/apollo-io", "https://cdn.useparagon.com/latest/dashboard/public/integrations/apolloio.svg", ["Basic Auth", "OAuth2"], ["Workflows", "Proxy API"], ["Sales"], 3], ["Asana", "/resources/integrations/asana", "https://cdn.useparagon.com/latest/dashboard/public/integrations/asana.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Project Management"], 23], ["Azure DevOps", "/resources/integrations/azure-devops", "https://cdn.useparagon.com/latest/dashboard/public/integrations/azuredevops.svg", ["Basic Auth", "OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 16], ["BambooHR", "/resources/integrations/bamboohr", "https://cdn.useparagon.com/latest/dashboard/public/integrations/bamboohr.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["HR"], 5], ["BigQuery", "/resources/integrations/bigquery", "https://cdn.useparagon.com/latest/dashboard/public/integrations/bigquery.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 10], ["Box", "/resources/integrations/box", "https://cdn.useparagon.com/latest/dashboard/public/integrations/box.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 17], ["Calendly", "/resources/integrations/calendly", "https://cdn.useparagon.com/latest/dashboard/public/integrations/calendly.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 9], ["ClickUp", "/resources/integrations/clickup", "https://cdn.useparagon.com/latest/dashboard/public/integrations/clickup.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Project Management"], 15], ["Close", "/resources/integrations/close", "https://cdn.useparagon.com/latest/dashboard/public/integrations/close.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["CRM"], 5], ["Coda", "/resources/integrations/coda", "https://cdn.useparagon.com/latest/dashboard/public/integrations/coda.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 2], ["Confluence", "/resources/integrations/confluence", "https://cdn.useparagon.com/latest/dashboard/public/integrations/confluence.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 22], ["Contentful", "/resources/integrations/contentful", "https://cdn.useparagon.com/latest/dashboard/public/integrations/contentful.svg", ["Basic Auth"], ["Managed Sync", "Workflows", "Proxy API"], ["Knowledge Bases"], 3], ["Copper", "/resources/integrations/copper", "https://cdn.useparagon.com/latest/dashboard/public/integrations/copper.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["CRM"], 0], ["DocuSign", "/resources/integrations/docusign", "https://cdn.useparagon.com/latest/dashboard/public/integrations/docusign.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Productivity"], 10], ["Dropbox", "/resources/integrations/dropbox", "https://cdn.useparagon.com/latest/dashboard/public/integrations/dropbox.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 21], ["Dropbox Sign", "/resources/integrations/dropboxsign", "https://cdn.useparagon.com/latest/dashboard/public/integrations/dropboxsign.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Productivity"], 5], ["Dynamics 365 Business Central", "/resources/integrations/dynamicsbusinesscentral", "https://cdn.useparagon.com/latest/dashboard/public/integrations/dynamicsbusinesscentral.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 7], ["Dynamics 365 Finance", "/resources/integrations/dynamics-finance", "https://cdn.useparagon.com/latest/dashboard/public/integrations/dynamicsfinance.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 1], ["Emarsys", "/resources/integrations/emarsys", "https://cdn.useparagon.com/latest/dashboard/public/integrations/emarsys.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Marketing Automation"], 2], ["Facebook Ads", "/resources/integrations/facebook-ads", "https://cdn.useparagon.com/latest/dashboard/public/integrations/facebookAds.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Advertising"], 13], ["Facebook Pages", "/resources/integrations/facebook-pages", "https://cdn.useparagon.com/latest/dashboard/public/integrations/facebookpages.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 0], ["Figma", "/resources/integrations/figma", "https://cdn.useparagon.com/latest/dashboard/public/integrations/figma.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Productivity"], 3], ["Freshdesk", "/resources/integrations/freshdesk", "https://cdn.useparagon.com/latest/dashboard/public/integrations/freshdesk.svg", ["Basic Auth"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Support Ticketing"], 7], ["Freshsales", "/resources/integrations/freshsales", "https://cdn.useparagon.com/latest/dashboard/public/integrations/freshsales.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["CRM"], 1], ["Front", "/resources/integrations/front", "https://cdn.useparagon.com/latest/dashboard/public/integrations/front.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Support Ticketing"], 1], ["Gainsight", "/resources/integrations/gainsight", "https://cdn.useparagon.com/latest/dashboard/public/integrations/gainsight.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Support Ticketing"], 5], ["GitHub", "/resources/integrations/github", "https://cdn.useparagon.com/latest/dashboard/public/integrations/github.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 16], ["Gmail", "/resources/integrations/gmail", "https://cdn.useparagon.com/latest/dashboard/public/integrations/gmail.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 31], ["Gong", "/resources/integrations/gong", "https://cdn.useparagon.com/latest/dashboard/public/integrations/gong.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Sales"], 16], ["Google Ad Manager", "/resources/integrations/google-ad-manager", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googleadmanager.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 0], ["Google Ads", "/resources/integrations/googleads", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googleads.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 15], ["Google Analytics", "/resources/integrations/google-analytics", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googleanalytics.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 7], ["Google Analytics GA4", "/resources/integrations/googleanalyticsga4", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googleanalytics.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 7], ["Google Calendar", "/resources/integrations/google-calendar", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googleCalendar.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 22], ["Google Campaign Manager 360", "/resources/integrations/google-campaign-manager-360", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googlecampaignmanager.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 2], ["Google Docs", "/resources/integrations/googledocs", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googledocs.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Knowledge Bases"], 6], ["Google Drive", "/resources/integrations/google-drive", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googledrive.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 72], ["Google Search Console", "/resources/integrations/google-search-console", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googlesearchconsole.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Data & Analytics"], 3], ["Google Sheets", "/resources/integrations/google-sheets", "https://cdn.useparagon.com/latest/dashboard/public/integrations/googlesheets.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Productivity"], 32], ["Greenhouse", "/resources/integrations/greenhouse", "https://cdn.useparagon.com/latest/dashboard/public/integrations/greenhouse.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["HR"], 3], ["Guru", "/resources/integrations/guru", "https://cdn.useparagon.com/latest/dashboard/public/integrations/guru.svg", ["Basic Auth"], ["Managed Sync", "Workflows", "Proxy API"], ["Knowledge Bases"], 2], ["Gusto", "/resources/integrations/gusto", "https://cdn.useparagon.com/latest/dashboard/public/integrations/gusto.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["HR"], 2], ["Heap", "/resources/integrations/heap", "https://cdn.useparagon.com/latest/dashboard/public/integrations/heap.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 1], ["Hive", "/resources/integrations/hive", "https://cdn.useparagon.com/latest/dashboard/public/integrations/hive.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Project Management"], 0], ["HubSpot", "/resources/integrations/hubspot", "https://cdn.useparagon.com/latest/dashboard/public/integrations/hubspot.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["CRM"], 108], ["iManage", "/resources/integrations/imanage", "https://cdn.useparagon.com/latest/dashboard/public/integrations/imanage.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Knowledge Bases"], 1], ["Insightly", "/resources/integrations/insightly", "https://cdn.useparagon.com/latest/dashboard/public/integrations/insightly.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["CRM"], 0], ["Intellum", "/resources/integrations/intellum", "https://cdn.useparagon.com/latest/dashboard/public/integrations/intellum.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["HR"], 0], ["Intercom", "/resources/integrations/intercom", "https://cdn.useparagon.com/latest/dashboard/public/integrations/intercom.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Support Ticketing"], 15], ["Jira", "/resources/integrations/jira", "https://cdn.useparagon.com/latest/dashboard/public/integrations/jira.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 50], ["Keap", "/resources/integrations/keap", "https://cdn.useparagon.com/latest/dashboard/public/integrations/keap.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["CRM"], 3], ["Klaviyo", "/resources/integrations/klaviyo", "https://cdn.useparagon.com/latest/dashboard/public/integrations/klaviyo.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Marketing Automation"], 21], ["Lever", "/resources/integrations/lever", "https://cdn.useparagon.com/latest/dashboard/public/integrations/lever.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["HR"], 3], ["Linear", "/resources/integrations/linear", "https://cdn.useparagon.com/latest/dashboard/public/integrations/linear.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 15], ["LinkedIn", "/resources/integrations/linkedin", "https://cdn.useparagon.com/latest/dashboard/public/integrations/linkedin.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Advertising"], 5], ["LinkedIn Marketing", "/resources/integrations/linkedinmarketing", "https://cdn.useparagon.com/latest/dashboard/public/integrations/linkedinmarketing.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 6], ["Mailchimp", "/resources/integrations/mailchimp", "https://cdn.useparagon.com/latest/dashboard/public/integrations/mailchimp.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Marketing Automation"], 16], ["Marketo", "/resources/integrations/marketo", "https://cdn.useparagon.com/latest/dashboard/public/integrations/marketo.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Marketing Automation"], 12], ["Microsoft Dynamics 365", "/resources/integrations/microsoft-dynamics-365", "https://cdn.useparagon.com/latest/dashboard/public/integrations/microsoftDynamics.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["CRM"], 26], ["Microsoft Excel", "/resources/integrations/microsoftexcel", "https://cdn.useparagon.com/latest/dashboard/public/integrations/microsoftExcel.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Productivity"], 4], ["Microsoft Outlook", "/resources/integrations/outlook", "https://cdn.useparagon.com/latest/dashboard/public/integrations/outlook.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 24], ["Microsoft Teams", "/resources/integrations/microsoft-teams", "https://cdn.useparagon.com/latest/dashboard/public/integrations/microsoftTeams.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 32], ["Miro", "/resources/integrations/miro", "https://cdn.useparagon.com/latest/dashboard/public/integrations/miro.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Productivity"], 0], ["Mixpanel", "/resources/integrations/mixpanel", "https://cdn.useparagon.com/latest/dashboard/public/integrations/mixpanel.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Data & Analytics"], 2], ["Monday", "/resources/integrations/monday", "https://cdn.useparagon.com/latest/dashboard/public/integrations/monday.svg", ["Basic Auth"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Project Management"], 23], ["Netsuite", "/resources/integrations/netsuite", "https://cdn.useparagon.com/latest/dashboard/public/integrations/netsuite.svg", ["Basic Auth", "OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 22], ["Notion", "/resources/integrations/notion", "https://cdn.useparagon.com/latest/dashboard/public/integrations/notion.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 27], ["OneDrive", "/resources/integrations/onedrive", "https://cdn.useparagon.com/latest/dashboard/public/integrations/onedrive.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 21], ["OneNote", "/resources/integrations/onenote", "https://cdn.useparagon.com/latest/dashboard/public/integrations/onenote.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 5], ["OpenAI", "/resources/integrations/openai", "https://cdn.useparagon.com/latest/dashboard/public/integrations/openai.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Productivity"], 1], ["Eloqua", "/resources/integrations/eloqua", "https://cdn.useparagon.com/latest/dashboard/public/integrations/eloqua.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Marketing Automation"], 2], ["Oracle Financials Cloud", "/resources/integrations/oracle-financials-cloud", "https://cdn.useparagon.com/latest/dashboard/public/integrations/oraclefinancialscloud.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Accounting / ERP"], 0], ["Outreach", "/resources/integrations/outreach", "https://cdn.useparagon.com/latest/dashboard/public/integrations/outreach.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Sales"], 10], ["PagerDuty", "/resources/integrations/pagerduty", "https://cdn.useparagon.com/latest/dashboard/public/integrations/pagerduty.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Support Ticketing"], 3], ["PandaDoc", "/resources/integrations/pandadoc", "https://cdn.useparagon.com/latest/dashboard/public/integrations/pandadoc.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Productivity"], 4], ["Pardot", "/resources/integrations/pardot", "https://cdn.useparagon.com/latest/dashboard/public/integrations/pardot.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Marketing Automation"], 5], ["Pipedrive", "/resources/integrations/pipedrive", "https://cdn.useparagon.com/latest/dashboard/public/integrations/pipedrive.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["CRM"], 26], ["PowerBI", "/resources/integrations/powerbi", "https://cdn.useparagon.com/latest/dashboard/public/integrations/powerbi.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 6], ["Productboard", "/resources/integrations/productboard", "https://cdn.useparagon.com/latest/dashboard/public/integrations/productboard.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 2], ["QuickBooks", "/resources/integrations/quickbooks", "https://cdn.useparagon.com/latest/dashboard/public/integrations/quickbooks.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 32], ["Quip", "/resources/integrations/quip", "https://cdn.useparagon.com/latest/dashboard/public/integrations/quip.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Knowledge Bases"], 0], ["Ramp", "/resources/integrations/ramp", "https://cdn.useparagon.com/latest/dashboard/public/integrations/ramp.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Accounting / ERP"], 1], ["Sage Accounting", "/resources/integrations/sage-accounting", "https://cdn.useparagon.com/latest/dashboard/public/integrations/sageaccounting.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Accounting / ERP"], 1], ["Sage Intacct", "/resources/integrations/sage-intacct", "https://cdn.useparagon.com/latest/dashboard/public/integrations/sageintacct.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 10], ["Salesforce", "/resources/integrations/salesforce", "https://cdn.useparagon.com/latest/dashboard/public/integrations/salesforce.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["CRM"], 134], ["Salesloft", "/resources/integrations/salesloft", "https://cdn.useparagon.com/latest/dashboard/public/integrations/salesloft.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Sales"], 5], ["SAP S/4HANA", "/resources/integrations/saps4hana", "https://cdn.useparagon.com/latest/dashboard/public/integrations/saps4hana.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 6], ["SAP SuccessFactors", "/resources/integrations/sapsuccessfactors", "https://cdn.useparagon.com/latest/dashboard/public/integrations/sapsuccessfactors.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["HR"], 1], ["Segment", "/resources/integrations/segment", "https://cdn.useparagon.com/latest/dashboard/public/integrations/segment.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Data & Analytics"], 1], ["ServiceNow", "/resources/integrations/servicenow", "https://cdn.useparagon.com/latest/dashboard/public/integrations/servicenow.svg", ["Basic Auth", "OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Support Ticketing"], 15], ["SharePoint", "/resources/integrations/sharepoint", "https://cdn.useparagon.com/latest/dashboard/public/integrations/sharepoint.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Knowledge Bases"], 30], ["Shopify", "/resources/integrations/shopify", "https://cdn.useparagon.com/latest/dashboard/public/integrations/shopify.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["E-commerce"], 24], ["Shortcut", "/resources/integrations/shortcut", "https://cdn.useparagon.com/latest/dashboard/public/integrations/shortcut.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Project Management"], 4], ["Slack", "/resources/integrations/slack", "https://cdn.useparagon.com/latest/dashboard/public/integrations/slack.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 102], ["Snowflake", "/resources/integrations/snowflake", "https://cdn.useparagon.com/latest/dashboard/public/integrations/snowflake.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Data & Analytics"], 5], ["Stack Overflow Teams", "/resources/integrations/stackoverflowteams", "https://cdn.useparagon.com/latest/dashboard/public/integrations/stackoverflowteams.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Knowledge Bases"], 0], ["Stripe", "/resources/integrations/stripe", "https://cdn.useparagon.com/latest/dashboard/public/integrations/stripe.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 17], ["Tableau", "/resources/integrations/tableau", "https://cdn.useparagon.com/latest/dashboard/public/integrations/tableau.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Data & Analytics"], 3], ["TikTok Ads", "/resources/integrations/tiktokads", "https://cdn.useparagon.com/latest/dashboard/public/integrations/tiktokads.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 3], ["Todoist", "/resources/integrations/todoist", "https://cdn.useparagon.com/latest/dashboard/public/integrations/todoist.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 4], ["Trello", "/resources/integrations/trello", "https://cdn.useparagon.com/latest/dashboard/public/integrations/trello.svg", ["Basic Auth"], ["ActionKit", "Workflows", "Proxy API"], ["Project Management"], 10], ["Typeform", "/resources/integrations/typeform", "https://cdn.useparagon.com/latest/dashboard/public/integrations/typeform.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Productivity"], 0], ["Unleashed", "/resources/integrations/unleashed", "https://cdn.useparagon.com/latest/dashboard/public/integrations/unleashed.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["E-commerce"], 2], ["Vanta", "/resources/integrations/vanta", "https://cdn.useparagon.com/latest/dashboard/public/integrations/vanta.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Productivity"], 2], ["Vimeo", "/resources/integrations/vimeo", "https://cdn.useparagon.com/latest/dashboard/public/integrations/vimeo.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Advertising"], 1], ["WhatsApp", "/resources/integrations/whatsapp", "https://cdn.useparagon.com/latest/dashboard/public/integrations/whatsapp.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["Team Communication"], 0], ["WooCommerce", "/resources/integrations/woocommerce", "https://cdn.useparagon.com/latest/dashboard/public/integrations/woocommerce.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["E-commerce"], 2], ["WordPress", "/resources/integrations/wordpress", "https://cdn.useparagon.com/latest/dashboard/public/integrations/wordpress.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["Marketing Automation"], 3], ["Workable", "/resources/integrations/workable", "https://cdn.useparagon.com/latest/dashboard/public/integrations/workable.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["HR"], 0], ["Workday", "/resources/integrations/workday", "https://cdn.useparagon.com/latest/dashboard/public/integrations/workday.svg", ["Basic Auth"], ["Workflows", "Proxy API"], ["HR"], 1], ["Xero", "/resources/integrations/xero", "https://cdn.useparagon.com/latest/dashboard/public/integrations/xero.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Accounting / ERP"], 13], ["Zendesk", "/resources/integrations/zendesk", "https://cdn.useparagon.com/latest/dashboard/public/integrations/zendesk.svg", ["OAuth2"], ["Managed Sync", "ActionKit", "Workflows", "Proxy API"], ["Support Ticketing"], 25], ["Zendesk Sell", "/resources/integrations/zendesksell", "https://cdn.useparagon.com/latest/dashboard/public/integrations/zendesksell.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["CRM"], 2], ["Zoho CRM", "/resources/integrations/zohocrm", "https://cdn.useparagon.com/latest/dashboard/public/integrations/zohocrm.svg", ["OAuth2"], ["Managed Sync", "Workflows", "Proxy API"], ["CRM"], 21], ["Zoho People", "/resources/integrations/zohopeople", "https://cdn.useparagon.com/latest/dashboard/public/integrations/zohopeople.svg", ["OAuth2"], ["Workflows", "Proxy API"], ["HR"], 1], ["Zoom", "/resources/integrations/zoom", "https://cdn.useparagon.com/latest/dashboard/public/integrations/zoom.svg", ["OAuth2"], ["ActionKit", "Workflows", "Proxy API"], ["Team Communication"], 15]].map(([title, href, icon, authTypes, products, categories, popularity]) => ({
    title,
    href,
    icon,
    authTypes,
    products,
    categories,
    popularity
  }));
  const CATEGORY_OPTIONS = CATEGORY_ORDER.filter(label => INTEGRATIONS.some(item => item.categories.includes(label)));
  const [query, setQuery] = useState("");
  const [selectedAuth, setSelectedAuth] = useState("");
  const [selectedProduct, setSelectedProduct] = useState("");
  const [selectedCategory, setSelectedCategory] = useState("");
  const byPopularity = (a, b) => b.popularity - a.popularity || a.title.localeCompare(b.title);
  const filtered = useMemo(() => {
    const q = query.trim().toLowerCase();
    return INTEGRATIONS.filter(item => {
      const matchesQuery = !q || item.title.toLowerCase().includes(q);
      const matchesAuth = !selectedAuth || item.authTypes.includes(selectedAuth);
      const matchesProduct = !selectedProduct || item.products.includes(selectedProduct);
      const matchesCategory = !selectedCategory || item.categories.includes(selectedCategory);
      return matchesQuery && matchesAuth && matchesProduct && matchesCategory;
    }).sort(byPopularity);
  }, [query, selectedAuth, selectedProduct, selectedCategory]);
  const sections = useMemo(() => {
    const flattenSearch = Boolean(query.trim()) && !selectedCategory;
    if (flattenSearch) {
      return filtered.length ? [{
        label: "",
        items: filtered
      }] : [];
    }
    const labels = selectedCategory ? [selectedCategory] : CATEGORY_ORDER;
    return labels.map(label => ({
      label,
      items: filtered.filter(item => item.categories.includes(label))
    })).filter(section => section.items.length > 0);
  }, [filtered, query, selectedCategory]);
  const iconProps = {
    className: "icatalog-section-icon",
    width: 14,
    height: 14,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    "aria-hidden": true
  };
  const renderCategoryIcon = label => {
    switch (label) {
      case "Knowledge Bases":
        return <svg {...iconProps}>
            <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
            <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
          </svg>;
      case "CRM":
        return <svg {...iconProps}>
            <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
            <circle cx="12" cy="7" r="4" />
          </svg>;
      case "Sales":
        return <svg {...iconProps}>
            <polyline points="22 7 13.5 15.5 8.5 10.5 2 17" />
            <polyline points="16 7 22 7 22 13" />
          </svg>;
      case "Marketing Automation":
        return <svg {...iconProps}>
            <path d="m3 11 18-5v12L3 13v-2z" />
            <path d="M11.6 16.8a3 3 0 1 1-5.8-1.6" />
          </svg>;
      case "Advertising":
        return <svg {...iconProps}>
            <circle cx="12" cy="12" r="10" />
            <circle cx="12" cy="12" r="6" />
            <circle cx="12" cy="12" r="2" />
          </svg>;
      case "Data & Analytics":
        return <svg {...iconProps}>
            <line x1="18" x2="18" y1="20" y2="10" />
            <line x1="12" x2="12" y1="20" y2="4" />
            <line x1="6" x2="6" y1="20" y2="14" />
          </svg>;
      case "E-commerce":
        return <svg {...iconProps}>
            <path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" />
            <path d="M3 6h18" />
            <path d="M16 10a4 4 0 0 1-8 0" />
          </svg>;
      case "Team Communication":
        return <svg {...iconProps}>
            <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
          </svg>;
      case "Productivity":
        return <svg {...iconProps}>
            <path d="M12 20h9" />
            <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" />
          </svg>;
      case "Project Management":
        return <svg {...iconProps}>
            <rect width="7" height="7" x="3" y="3" rx="1" />
            <rect width="7" height="7" x="14" y="3" rx="1" />
            <rect width="7" height="7" x="14" y="14" rx="1" />
            <rect width="7" height="7" x="3" y="14" rx="1" />
          </svg>;
      case "Support Ticketing":
        return <svg {...iconProps}>
            <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
            <path d="M13 5v2" />
            <path d="M13 17v2" />
            <path d="M13 11v2" />
          </svg>;
      case "Accounting / ERP":
        return <svg {...iconProps}>
            <rect width="16" height="20" x="4" y="2" rx="2" />
            <line x1="8" x2="16" y1="6" y2="6" />
            <line x1="16" x2="16" y1="14" y2="18" />
            <path d="M16 10h.01" />
            <path d="M12 10h.01" />
            <path d="M8 10h.01" />
            <path d="M12 14h.01" />
            <path d="M8 14h.01" />
            <path d="M8 18h.01" />
            <path d="M12 18h.01" />
          </svg>;
      case "HR":
        return <svg {...iconProps}>
            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
            <circle cx="9" cy="7" r="4" />
            <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
          </svg>;
      default:
        return <svg {...iconProps}>
            <rect width="7" height="7" x="3" y="3" rx="1" />
            <rect width="7" height="7" x="14" y="3" rx="1" />
            <rect width="7" height="7" x="14" y="14" rx="1" />
            <rect width="7" height="7" x="3" y="14" rx="1" />
          </svg>;
    }
  };
  const renderSelect = (id, label, value, onChange, options) => <label className="icatalog-facet" htmlFor={id}>
      <span className="icatalog-facet-label">{label}</span>
      <select id={id} className="icatalog-select" value={value} onChange={e => onChange(e.target.value)}>
        <option value="">Any</option>
        {options.map(option => <option key={option} value={option}>
            {option}
          </option>)}
      </select>
    </label>;
  const renderCard = item => <a key={item.href} href={item.href} className="icatalog-card">
      <span className="icatalog-logo">
        <img src={item.icon} alt="" className="icatalog-icon" loading="lazy" decoding="async" />
      </span>
      <span className="icatalog-title">{item.title}</span>
    </a>;
  const renderSection = section => <div key={section.label || "results"} className="icatalog-section">
      {section.label ? <div className="icatalog-section-title">
          {renderCategoryIcon(section.label)}
          <span>{section.label}</span>
        </div> : null}
      <div className="icatalog-grid">{section.items.map(renderCard)}</div>
    </div>;
  return <div className="not-prose icatalog">
      <style>{`
        .icatalog {
          margin: 8px 0 24px;
        }
        .icatalog-controls {
          display: flex;
          flex-direction: column;
          gap: 10px;
          margin-bottom: 20px;
        }
        .icatalog-search {
          display: block;
          width: 100%;
          box-sizing: border-box;
          padding: 8px 12px;
          border-radius: 8px;
          border: 1px solid rgba(0, 0, 0, 0.15);
          background-color: #fff;
          font-size: 13px;
          font-family: inherit;
          color: #111;
        }
        .dark .icatalog-search {
          background-color: rgba(255, 255, 255, 0.05);
          border-color: rgba(255, 255, 255, 0.15);
          color: rgba(255, 255, 255, 0.95);
        }
        .icatalog-facets {
          display: flex;
          flex-wrap: wrap;
          gap: 8px 10px;
        }
        .icatalog-facet {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          gap: 4px;
          flex: 1 1 0;
          min-width: 148px;
        }
        .icatalog-facet-label {
          font-size: 11px;
          font-weight: 600;
          letter-spacing: 0.01em;
          color: rgba(55, 55, 58, 0.62);
          white-space: nowrap;
        }
        .dark .icatalog-facet-label {
          color: rgba(255, 255, 255, 0.55);
        }
        .icatalog-select {
          appearance: none;
          display: block;
          width: 100%;
          box-sizing: border-box;
          min-width: 0;
          padding: 7px 28px 7px 10px;
          border-radius: 8px;
          border: 1px solid rgba(0, 0, 0, 0.15);
          background-color: #fff;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: right 8px center;
          font-size: 13px;
          font-family: inherit;
          color: #111;
          cursor: pointer;
        }
        .dark .icatalog-select {
          background-color: rgba(255, 255, 255, 0.05);
          border-color: rgba(255, 255, 255, 0.15);
          color: rgba(255, 255, 255, 0.95);
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        }
        .icatalog-section + .icatalog-section {
          margin-top: 24px;
        }
        .icatalog-section-title {
          display: flex;
          align-items: center;
          gap: 7px;
          margin: 0 0 8px;
          font-size: 13px;
          font-weight: 650;
          letter-spacing: 0.01em;
          color: #3f3f46;
        }
        .icatalog-section-icon {
          flex-shrink: 0;
          color: #8b8b92;
        }
        .dark .icatalog-section-title {
          color: rgba(255, 255, 255, 0.88);
        }
        .dark .icatalog-section-icon {
          color: rgba(255, 255, 255, 0.5);
        }
        .icatalog-grid {
          display: flex;
          flex-wrap: wrap;
          gap: 10px 8px;
        }
        .icatalog-card {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 8px;
          width: 120px;
          padding: 8px 8px 10px;
          border-radius: 10px;
          border: none;
          background: transparent;
          text-decoration: none !important;
          color: inherit;
          box-sizing: border-box;
        }
        .icatalog-card:hover {
          background: #f2f2f3;
        }
        .dark .icatalog-card:hover {
          background: rgba(255, 255, 255, 0.08);
        }
        .icatalog-logo {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 56px;
          height: 56px;
          flex-shrink: 0;
          border-radius: 12px;
          background: #fff;
          box-shadow: 0 1px 3px rgba(15, 15, 15, 0.12), 0 0 0 1px rgba(15, 15, 15, 0.04);
        }
        .dark .icatalog-logo {
          background: #1c1c1f;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
        }
        .icatalog-icon {
          width: 32px;
          height: 32px;
          object-fit: contain;
        }
        .icatalog-title {
          width: 100%;
          font-size: 12px;
          font-weight: 500;
          line-height: 1.25;
          text-align: center;
          color: #3f3f46;
          overflow-wrap: normal;
          word-break: normal;
          hyphens: none;
        }
        .dark .icatalog-title {
          color: rgba(255, 255, 255, 0.82);
        }
        .icatalog-empty {
          margin: 24px 0;
          font-size: 14px;
          color: rgba(55, 55, 58, 0.72);
        }
        .dark .icatalog-empty {
          color: rgba(255, 255, 255, 0.6);
        }
        @media (max-width: 640px) {
          .icatalog-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 6px 2px;
          }
          .icatalog-card {
            width: auto;
            min-width: 0;
            padding: 4px 2px 8px;
            gap: 6px;
          }
          .icatalog-logo {
            width: 48px;
            height: 48px;
            border-radius: 10px;
          }
          .icatalog-icon {
            width: 28px;
            height: 28px;
          }
          .icatalog-title {
            font-size: 11px;
            line-height: 1.2;
          }
        }
      `}</style>

      <div className="icatalog-controls">
        <input type="search" className="icatalog-search" placeholder="Search integrations" value={query} onChange={e => setQuery(e.target.value)} aria-label="Search integrations" />
        <div className="icatalog-facets">
          {renderSelect("icatalog-category", "Category", selectedCategory, setSelectedCategory, CATEGORY_OPTIONS)}
          {renderSelect("icatalog-product", "Product", selectedProduct, setSelectedProduct, PRODUCT_OPTIONS)}
          {renderSelect("icatalog-auth", "Authentication", selectedAuth, setSelectedAuth, AUTH_OPTIONS)}
        </div>
      </div>

      {filtered.length === 0 ? <p className="icatalog-empty">No integrations match those filters.</p> : sections.map(renderSection)}
    </div>;
};

You can find the full list of supported Integration providers below. If you don't see the provider that you're looking for, you can [build it yourself using the Custom Integrations Builder](/resources/custom-integrations) or [let us know](mailto:team@useparagon.com) and we can add it for you.

<IntegrationsCatalog />
