An SDK built by engineers, for engineers
Discover why developers love building with Cord, and what you can do with our UI elements and APIs.
Everything you need for incredible chat and collaborative experiences out-of-the-box
Composable, lower-level components you can customize to create the exact functionality you need
Discover the SDK
Let our Co-Founder and CTO, Jackson, walk you through what Cord’s SDK offers, and what you can build with our rich Elements, UI Primitives, and powerful APIs
"I had 15 minutes before my next meeting and figured I'd give Cord a shot. 7 minutes later I had chat integrated into my page. Felt almost too good to be true."
Cord’s one-and-done UI components give you everything you need to add features like commenting, presence, and notifications to your product in seconds.
Single Conversation Thread
Add a message composer and display conversations anywhere in your product. This component includes everything users need for a rich commenting experience out-of-the box: @mentions, file attachments, emoji reactions, and the ability to edit, delete, and resolve messages.
Threaded Comments Element
Create an all-in-one threaded commenting experience for your users that allows them to react and reply in-line. Use this to show all the conversations happening in a specific location, or create a comment section like YouTube’s or Reddit’s.
Give users a view of all the recent activity relevant to them in one place. Notifications are timestamped and appear in a scrolling list where they can review/update read states, archive, and easily navigate to the place in your product where the conversation is happening.
Use page presence to show the avatars of users who are (or have been) present on a particular page. Last visit tool tips show who’s viewing the page now, and when others were last online, and it’s easy-as-pie to customize identity details like usernames and avatars.
Customizable UI Primitives
Want more control over your UX? Cord’s UI primitives are composable, lower-level components that you can pair with our APIs and JS hooks to create the exact functionality you need.
Cord still takes care of everything behind the scenes, like badging logic and real-time messaging updates, but you can use CSS to quickly and easily customize every element of the UX.
Looking for some inspiration?
APIs for everything
Read and write message data to integrate Cord into your customer support platform, project management tool, or Slack. You can even connect Cord to an LLM to add an AI chatbot to your product with a 10/10 UX from day one.
Try our demo apps
Experience for yourself what’s possible with Cord’s SDK. Try our demo apps below and visit our example library to get your hands on open-source code and start building.
Videos and media
Drop comments exactly where you want on a particular timestamp, frame, or pixel, and display comments in the right place, at the right time, without cluttering the screen. Even if there are multiple comments at the same location.
Documents, CRMs, and CMSs
See how much easier it is to give feedback and edit text with comments that support @mentions, attachments and markdown. Share the link with someone else to collaborate in real-time.
Canvas and whiteboards
Play around on our infinite canvas to see how we've combined our Elements, UI Primitives, and APIs to create a seamless commenting and notification system.