Cord LogoDocs
Sign inStart now

React Chat Components

Ask the Community

Add collaboration using our React components, or web components that seamlessly integrate with your frontend

You can use our React components, or you can use the web components provided in version 1.0

Not sure which components you need?

Check out our selection of demos →

These components are in development; interface and features are subject to change prior to final release.

Visit the Replacements API step by step guide.

Thread components #

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

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 Message
Message
Render a single message
Simplified graphic showing an example of the Cord Composer
Composer
Add new messages in any of your threads

Presence components #

Is someone also looking where you are?

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

Not finding the answer you need? Ask our Developer Community

Ask Cordy