Demo apps

Get started /

We integrated Cord components in three common application types. Click on the cards below to see how we have added collaboration in these example use cases.

A colorful representation of a document-based web application — Comment and annotate anywhere in a document

A colorful representation of a data dashboard web application — Comment and annotate charts, graphs and cells

A colorful representation of a canvas web application — Comment and annotate anywhere in your canvas

To very quickly see how the Cord sidebar looks on any page, open your browser's JavaScript console and paste in the following code:

const client_auth_token = '<CLIENT_AUTH_TOKEN>';
const script = document.createElement('script');
script.src = 'https://app.cord.com/sdk/v1/sdk.latest.js';
script.addEventListener('load', () => {
  window.CordSDK.init({
    client_auth_token,
  });
  const sidebar = document.createElement('cord-sidebar');
  document.body.appendChild(sidebar);
});
document.body.appendChild(script);

Copy

Next up

Docs

Go to the Cord Console

Demo apps

Document

Dashboard

Interactive Canvas

Put a Cord sidebar on any page!

Next up