Get started now and get $2,500 in credits

Add rich, fully customizable collaborative features like chat, notifications, and in-app commenting to your product in a few lines of code with Cord's SDK.

an image

What's Cord?

Cord is a toolkit for adding chat and live collaboration to your product. Use our pre-built Components, rich SDK, and powerful APIs to build the experience you and your customers need.

An illustration showing 'your product' in the middle, with Cord's components moving into it
Add real-time chat to your product in minutes

Rich collaboration out-of-the-box

Add live chat, commenting, and notifications with all the bells and whistles to your product quickly and easily. Low code, low maintainence.

With the Cord message API, you can send messages to your users in real-time

Delight your customers and grow faster

Replicate the success of Figma and Notion. Boost retention and drive seat expansion by making it easier for people and teams to work together.

Cord lets you focus on writing just the code you need, while letting you skip the fiddly stuff

UX that’s 100% native to your product

Use plain ol' CSS to customize every aspect of our components to match your brand’s look and feel, no matter how visually complex it is.

The Cord JS SDK gives you all the control and configurability you need

Secure and scaleable by design

We test and optimize to ensure security, flexibility, and speed so you don’t have to. Scaleable infrastructure, SOC 2 certified, enterprise-ready.


Cord powers collaboration in

  • The Monday.com company logo
  • The ThoughtSpot company logo
  • The Walnut company logo
  • The Finmark (acquired by Bill.com) company logo
  • The Attest Surveys company logo
  • The Vareto company logo
  • The Spendflo company logo

What can I build with Cord?

Want to add a commenting feature to your Business Intelligence tool? Replace a Customer Support solution like Intercom? Add an AI Assistant to your Docs? You can do all of this and more.

Chat

An arrow pointing up

Start, manage, and track conversations anywhere in your product with top-notch chat - including typing indicators, formatting and markdown, file attachments, and read receipts - in a few lines of code. Onboard customers, offer support, and even integrate with an LLM to help users find the information they need, when they need it.

Notifications

An arrow pointing up

Create a fully customizable notification system that works out-of-the-box. We take care of pagination, badging logic, and real-time updates so you can alert users when someone replies to a thread, reacts to a message, or @mentions them. Bonus: use our APIs and webhooks to push notifications to a separate internal tool, or trigger a custom workflow in your product.

Chat & annotations

An arrow pointing up

Transform how your users interact with text, charts, canvases, videos, and tables with in-app commenting. Discussions stay pinned to specific points, making editing, analysis, and sign-off faster and easier. Use our example library to re-create the commenting experience in Google Docs or Figma pixel-by-pixel, or use vanilla CSS to hack away and build your own.

Live presence

An arrow pointing up

Let your users see who's online at the same time as them, and who’s viewed a particular page in the past with typing indicators, live cursors, avatars, and last visit tooltips. Automatically pull profiles photos, user names, and other information from tools like Slack, and customize every component to fit natively in your product.

an image
an image
an image
an image

Chat

An arrow pointing up

Start, manage, and track conversations anywhere in your product with top-notch chat - including typing indicators, formatting and markdown, file attachments, and read receipts - in a few lines of code. Onboard customers, offer support, and even integrate with an LLM to help users find the information they need, when they need it.

an image

Notifications

An arrow pointing up

Create a fully customizable notification system that works out-of-the-box. We take care of pagination, badging logic, and real-time updates so you can alert users when someone replies to a thread, reacts to a message, or @mentions them. Bonus: use our APIs and webhooks to push notifications to a separate internal tool, or trigger a custom workflow in your product.

an image

Chat & annotations

An arrow pointing up

Transform how your users interact with text, charts, canvases, videos, and tables with in-app commenting. Discussions stay pinned to specific points, making editing, analysis, and sign-off faster and easier. Use our example library to re-create the commenting experience in Google Docs or Figma pixel-by-pixel, or use vanilla CSS to hack away and build your own.

an image

Live presence

An arrow pointing up

Let your users see who's online at the same time as them, and who’s viewed a particular page in the past with typing indicators, live cursors, avatars, and last visit tooltips. Automatically pull profiles photos, user names, and other information from tools like Slack, and customize every component to fit natively in your product.

an image

Try a live demo!

Play with the live examples below to see just a few examples of how Cord's SDK can be used to add rich, native-feeling commenting features to different types of products.

LIVE EXAMPLEEXAMPLEAdd comments to videos and media
Screenshot of Cord video demo
LIVE EXAMPLEEXAMPLELet users annotate data and charts
Screenshot of Cord dashboard demo
LIVE EXAMPLEEXAMPLEIntegrate Google Docs style commenting on text
Screenshot of Cord document demo

"Our CEO couldn't believe how fast we got to something fully-baked and super powerful. It would have taken us years to have built this in-house."

Noam Ackerman, Entrepreneur in Residence at monday.comMonday.com's logo
Noam Ackerman
Entrepreneur in Residence, monday.com

How does it work?

You don’t need to spend 12-18 months building best-in-class multiplayer collaboration. Developers, designers, and product teams can implement Cord in three easy steps.

Mix and match components

An arrow pointing up

Combine our Elements and UI Primitives to quickly create an experience your customers will love. Want to mock-up a quick POC? Use our Figma template to see exactly how collaboration could fit into your product.

Customize design

An arrow pointing up

Use CSS to customize every piece of Cord’s UI. Easily set fonts and colors to match your brand guidelines and tweak small but important details like borders, hover effects, and more. Want to replicate the commenting experience in Figma or Google Docs? You can.

Configure behavior

An arrow pointing up

Take advantage of Cord’s webhooks and APIs to build rich integrations and completely bespoke experiences. Read and write message data, trigger workflows based on user behavior, and more.

A smorgasbord of Cord components, with your app in the middle
A styled cord thread in dark mode, with the css showing how its customized
A Cord HTML component being customized with props

Mix and match components

An arrow pointing up

Combine our Elements and UI Primitives to quickly create an experience your customers will love. Want to mock-up a quick POC? Use our Figma template to see exactly how collaboration could fit into your product.

A smorgasbord of Cord components, with your app in the middle

Customize design

An arrow pointing up

Use CSS to customize every piece of Cord’s UI. Easily set fonts and colors to match your brand guidelines and tweak small but important details like borders, hover effects, and more. Want to replicate the commenting experience in Figma or Google Docs? You can.

A styled cord thread in dark mode, with the css showing how its customized

Configure behavior

An arrow pointing up

Take advantage of Cord’s webhooks and APIs to build rich integrations and completely bespoke experiences. Read and write message data, trigger workflows based on user behavior, and more.

A Cord HTML component being customized with props

Ready to transform your product?

Get started for free or book a demo and get $2,500 in credits added to your account.