The Cord company wordmark
Request a demoStart building

Chat and notifications in your product

Fully customizable. Feature-rich. All in a few lines of code.

Start buildingView docs

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

Try a live demo!

Play with the interactive demos 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
Expand Demo
Screenshot of Cord video demo
LIVE EXAMPLEEXAMPLELet users annotate data and charts
Expand Demo
Screenshot of Cord dashboard demo
LIVE EXAMPLEEXAMPLEIntegrate Google Docs style commenting on text
Expand Demo
Screenshot of Cord document demo

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.

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.

An image of a comment left on a whiteboard tool, like Figjam

Explore use cases

Mix and match Cord’s UI components and APIs to build the perfect solutions for your product, and your customers.

Get inspired
A facepile of avatars showing who has viewed a page and when

Explore by industry

See how other products in similar or adjacent verticals have transformed their UX by adding real-time chat and collaboration.

See solutions

"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

Why developers ❤️ Cord

Built by engineers, for engineers. We know what developers care about: flexibility, speed, and reliability. Our SDK was built to make your lives easier - and your product better - without the faff.

Start building right away

An arrow pointing up

Look at our open source demo apps or quick start guide to kick the tires and see Cord in your product in minutes

Flexible client-side APIs

An arrow pointing up

Bindings for React and other popular frontend frameworks; Backend libraries for Node and many other languages; and rich REST and client-side javascript APIs that let you build complex feature on top of Cord.

Easy-to-style CSS

An arrow pointing up

Built with plain, Vanilla CSS - so you can hack away to build the pixel-perfect experience for your app

Clear visibility and control

An arrow pointing up

DevOps teams can quickly and easily see what’s being sent and received in console.cord.com. Run analyses, see how users are collaborating in your product, and even clean up threads created in testing.

NPM installing Cord
an image
A developer editing a CSS file
An image of Cord's Console, showing a list of messages

Start building right away

An arrow pointing up

Look at our open source demo apps or quick start guide to kick the tires and see Cord in your product in minutes

NPM installing Cord

Flexible client-side APIs

An arrow pointing up

Bindings for React and other popular frontend frameworks; Backend libraries for Node and many other languages; and rich REST and client-side javascript APIs that let you build complex feature on top of Cord.

an image

Easy-to-style CSS

An arrow pointing up

Built with plain, Vanilla CSS - so you can hack away to build the pixel-perfect experience for your app

A developer editing a CSS file

Clear visibility and control

An arrow pointing up

DevOps teams can quickly and easily see what’s being sent and received in console.cord.com. Run analyses, see how users are collaborating in your product, and even clean up threads created in testing.

An image of Cord's Console, showing a list of messages

Start building today

Ready to transform your product? Get started for free, or get in touch

Start buildingTalk to an expert