Cord LogoDocs
Sign inStart now

Components

Add collaboration using web components that seamlessly integrate with your frontend

You can use our web components in plain HTML, or you can download our React client for a smoother experience.

Not sure which components you need?

Check out our selection of demos →

Thread components #

Do you need to collaborate in a particular place in your page?

Simplified graphic showing an example of the Cord Threaded Comments
Threaded Comments
Render all comments in a page, create new ones and reply inline
Simplified graphic showing an example of the Cord Thread
Thread
Comment on any location in your app
Simplified graphic showing an example of the Cord Thread List
Thread List
View all of your threads anywhere in your app
Simplified graphic showing an example of the Cord Message
Message
Render a single message
Simplified graphic showing an example of the Cord Composer
Composer
Add new messages in any of your threads
Simplified graphic showing an example of the Cord Pin
Pin
Show where messages are on the page

Notification components #

Do you need to keep on top of what's happening?

Simplified graphic showing an example of the Cord Notification List
Notification List
See all the latest updates
Simplified graphic showing an example of the Cord Notification List launcher
Notification List Launcher
A badged button, which opens the notification list in a popover
Simplified graphic showing an example of the Cord Notification
Notification
A single notification

Presence components #

Is someone also looking where you are?

Simplified graphic showing an example of the Cord Page Presence
Page Presence
See who's viewing the current page
Simplified graphic showing an example of the Cord Presence Facepile
Presence Facepile
See who's present in a location
Simplified graphic showing an example of the Cord Presence Observer
Presence Observer
Mark a user present at a location
Simplified graphic showing an example of the Cord Avatar
Avatar
Show the profile picture of a user
Simplified graphic showing an example of Live Cursors
Live Cursors
Show other users' cursors on the page

Deprecated components #

Components that are no longer recommended for use

Simplified graphic showing an example of the Cord Sidebar
Sidebar
Self-contained collaboration mini-application
Simplified graphic showing an example of the Cord Sidebar Launcher
Sidebar Launcher
Open the sidebar from anywhere
Simplified graphic showing an example of the Cord Floating Threads
Floating Threads
Leave a comment anywhere
Simplified graphic showing an example of the Cord Inbox Launcher
Inbox Launcher
Open the inbox from anywhere
Simplified graphic showing an example of the Cord Inbox
Inbox
See all of your messages

Ask Cordy