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

# Card View

> Open-Source Unified Card View Model

<Card title="Card View" icon="rectangle-history-circle-user" iconType="duotone">
  A widget that dispaly contextual data from your application into the native
  interface of supported connectors.
</Card>

## Connectors

<AccordionGroup>
  <Accordion title="HubSpot" defaultOpen={false} icon={<svg width="16" height="16" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.4767 12.392L27.4767 7.95782C28.0636 7.68406 28.5599 7.24939 28.9085 6.70443C29.2571 6.15966 29.4443 5.52706 29.4462 4.88023L29.4462 4.77841C29.4462 2.89263 27.9179 1.36388 26.0311 1.36388L25.9307 1.36388C25.0247 1.36388 24.1561 1.72363 23.516 2.36398C22.8759 3.00432 22.5155 3.87281 22.5155 4.77841L22.5155 4.88023C22.5195 5.52706 22.7046 6.15966 23.0532 6.70443C23.4018 7.24939 23.8981 7.68406 24.485 7.95782L24.485 12.392C22.8011 12.6498 21.2137 13.3482 19.8863 14.416L7.72652 4.94436C7.81317 4.63131 7.85847 4.30947 7.86241 3.98638C7.86438 3.22542 7.63987 2.48108 7.21839 1.84757C6.79692 1.21406 6.19622 0.719796 5.49508 0.427325C4.79196 0.134853 4.01795 0.057295 3.27151 0.204476C2.52507 0.351657 1.83967 0.71694 1.30003 1.25416C0.760382 1.79136 0.394093 2.47636 0.244411 3.22246C0.0947284 3.96859 0.169527 4.74231 0.459044 5.44572C0.75053 6.14922 1.24295 6.75091 1.87517 7.17455C2.50738 7.59819 3.24985 7.82488 4.01008 7.82586C4.67577 7.82271 5.32965 7.64506 5.90475 7.31044L17.8793 16.6288C16.804 18.2538 16.2427 20.1654 16.2702 22.114C16.2959 24.0628 16.9084 25.9583 18.029 27.5536L14.3874 31.197C14.092 31.1028 13.7847 31.0528 13.4755 31.0487C12.8512 31.0491 12.2407 31.2348 11.7227 31.5822C11.2027 31.9294 10.799 32.423 10.5587 33.0001C10.3204 33.5773 10.2593 34.2123 10.3795 34.825C10.5016 35.4375 10.8029 36.0002 11.2441 36.442C11.6872 36.8835 12.2485 37.1845 12.861 37.3064C13.4735 37.4285 14.1097 37.3661 14.6867 37.1273C15.2638 36.8884 15.7581 36.4839 16.1048 35.9647C16.4514 35.4456 16.6385 34.835 16.6385 34.2105C16.6346 33.9013 16.5834 33.5946 16.4888 33.3002L20.0931 29.6958C21.2689 30.6004 22.6337 31.2242 24.0872 31.519C25.5407 31.8138 27.0415 31.7723 28.4772 31.3973C29.911 31.0223 31.2404 30.3239 32.363 29.3555C33.4876 28.3873 34.3739 27.1749 34.9549 25.811C35.5379 24.4471 35.7999 22.9682 35.7211 21.4875C35.6443 20.0067 35.2287 18.5634 34.5059 17.2683C33.785 15.9729 32.7766 14.8599 31.5575 14.0148C30.3384 13.1695 28.944 12.6145 27.4767 12.392ZM25.9839 26.9753C25.3182 26.9937 24.6544 26.8783 24.034 26.6362C23.4136 26.3939 22.8484 26.03 22.3718 25.5654C21.8932 25.1008 21.515 24.5454 21.2551 23.9317C20.9951 23.318 20.8631 22.6586 20.8631 21.9925C20.8631 21.3264 20.9951 20.667 21.2551 20.0533C21.515 19.4396 21.8932 18.884 22.3718 18.4196C22.8484 17.955 23.4136 17.5911 24.034 17.3488C24.6544 17.1066 25.3182 16.9913 25.9839 17.0097C27.2739 17.0548 28.4969 17.5991 29.395 18.5279C30.2911 19.4566 30.7934 20.6974 30.7953 21.9888C30.7953 23.2802 30.2951 24.5213 29.3989 25.4511C28.5008 26.3808 27.2798 26.9263 25.9897 26.9728" fill="#FF7A59"/></svg>}>
    <p>
      The HubSpot connector seamlessly integrates with our unified
      `widgetCardView` model. [reach out to get access](https://cal.com/morphhq/sign-up-onboarding)
    </p>

    <br />

    [view other models supported by HubSpot](./../connectors/hubspot)
  </Accordion>

  {" "}

  <Accordion
    title="Salesforce"
    defaultOpen={false}
    icon={
<svg
  width="16"
  height="16"
  viewBox="0 0 800 800"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M337.875 194.825C361.725 169.75 395.375 154.125 432.65 154.125C432.675 154.125 432.725 154.125 432.75 154.125C482.025 154.775 524.775 182.025 547.375 222.15L547.725 222.825C566.45 213.975 588.4 208.8 611.55 208.8C612.125 208.8 612.675 208.8 613.225 208.8H613.15C702.125 209.925 773.8 282.325 773.8 371.425C773.8 460.725 701.825 533.225 612.7 534.075H612.625C601.3 533.925 590.325 532.75 579.7 530.65L580.85 530.85C560.6 567.325 522.3 591.6 478.35 591.6C478.25 591.6 478.125 591.6 478.025 591.6C459.325 591.425 441.7 587.125 425.9 579.6L426.65 579.925C405.65 628.5 358.15 661.875 302.85 661.875C245.25 661.875 196.125 625.675 176.95 574.775L176.65 573.85C169.675 575.375 161.675 576.25 153.475 576.25C152.6 576.25 151.7 576.25 150.825 576.225H150.95C81.9498 575.875 26.1748 519.875 26.1748 450.85C26.1748 450.575 26.1748 450.275 26.1748 450V450.05C26.1748 450.025 26.1748 450.025 26.1748 450C26.1748 403.65 51.0748 363.1 88.2248 341L88.7998 340.675C81.1248 323.825 76.6498 304.15 76.6498 283.425C76.6498 283.325 76.6498 283.225 76.6498 283.15C76.7248 203.175 141.55 138.375 221.525 138.3C221.675 138.3 221.875 138.3 222.05 138.3C268.725 138.3 310.325 160.1 337.175 194.075L337.4 194.375L337.875 194.825Z"
    fill="#009DDC"
  />
</svg>
}
  >
    <p>
      The Salesforce connector seamlessly integrates with our unified
      `widgetCardView` model. [reach out to get
      access](https://cal.com/morphhq/sign-up-onboarding)
    </p>

    <br />

    [view other models supported by Salesforce](./../connectors/salesforce)
  </Accordion>

  {" "}

  <Accordion
    title="Pipedrive"
    defaultOpen={false}
    icon={
<svg
  width="16"
  height="16"
  viewBox="0 0 62 62"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
>
  <rect width="62" height="62" rx="31" fill="#fff" />
  <path
    d="M34.849 9c-4.893 0-7.731 2.221-9.088 3.701-.164-1.316-1.028-3.002-4.4-3.002H14v7.649h3.002c.493 0 .658.164.658.658V53h8.718V39.923v-.987c1.357 1.234 3.948 2.961 8.019 2.961 8.512 0 14.475-6.744 14.475-16.449C48.912 15.621 43.237 9 34.849 9zM33.08 34.29c-4.688 0-6.826-4.482-6.826-8.677 0-6.579 3.578-8.923 6.949-8.923 4.112 0 6.909 3.537 6.909 8.841-.041 6.086-3.578 8.759-7.032 8.759z"
    fill="#203232"
  />
</svg>
}
  >
    <p>
      The Pipedrive connector seamlessly integrates with our unified
      `widgetCardView` model. [reach out to get
      access](https://cal.com/morphhq/sign-up-onboarding)

      <br />
    </p>

    [view other models supported by Pipedrive](./../connectors/pipedrive)
  </Accordion>

  <Accordion title="Intercom" defaultOpen={false} icon={<svg width="16" height="16" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg" fill="none"><g clip-path="url(#A)"><path d="M47.133 33.191c-.004.386-.161.755-.435 1.027s-.645.424-1.032.424-.757-.152-1.032-.424-.431-.641-.435-1.027V20c.004-.386.16-.755.435-1.027s.645-.424 1.032-.424.757.152 1.032.424.431.641.435 1.027v13.191zm-.512 9.18c-.227.194-5.66 4.753-15.621 4.753s-15.394-4.559-15.621-4.753c-.295-.253-.478-.613-.508-1.001s.096-.772.349-1.067.612-.478.999-.508.77.094 1.066.346c.086.072 4.938 4.05 13.716 4.05 8.888 0 13.665-4.006 13.712-4.047.614-.527 1.541-.456 2.068.159.253.295.379.679.349 1.067s-.212.748-.508 1.001zM14.867 20c.004-.386.161-.755.435-1.027s.645-.424 1.032-.424.757.152 1.031.424.431.641.435 1.027v13.191c-.004.386-.16.755-.435 1.027s-.645.424-1.031.424-.757-.152-1.032-.424-.431-.641-.435-1.027V20zm7.334-2.933c.006-.385.163-.752.437-1.023s.644-.422 1.029-.422.755.152 1.029.422.431.637.437 1.023v19.594c-.006.385-.163.752-.437 1.023s-.644.422-1.029.422-.755-.151-1.029-.422-.431-.638-.437-1.023V17.067zm7.333-.742c0-.193.038-.383.112-.561s.182-.34.318-.476.298-.244.476-.318.369-.112.561-.112.383.038.561.112.34.182.476.318.244.298.318.476.112.369.112.561v21.267c-.004.386-.161.755-.435 1.027s-.645.424-1.031.424-.757-.152-1.032-.424-.431-.641-.435-1.027V16.325zm7.333.742c.006-.385.163-.752.437-1.023s.644-.422 1.029-.422.755.152 1.029.422.431.637.437 1.023v19.594c-.006.385-.163.752-.437 1.023s-.644.422-1.029.422-.755-.151-1.029-.422-.431-.638-.437-1.023V17.067zM47.5 9h-33A5.5 5.5 0 0 0 9 14.5v33a5.5 5.5 0 0 0 5.5 5.5h33a5.5 5.5 0 0 0 5.5-5.5v-33A5.5 5.5 0 0 0 47.5 9z" fill="#1f8ded"/></g><defs><clipPath id="A"><path fill="#fff" transform="translate(9 9)" d="M0 0h44v44H0z"/></clipPath></defs></svg>}>
    <p>
      The Intercom connector seamlessly integrates with our unified
      `widgetCardView` model. [reach out to get access](https://cal.com/morphhq/sign-up-onboarding)<br />
    </p>

    [view other models supported by Intercom](./../connectors/intercom)
  </Accordion>
</AccordionGroup>