JavaScript Comments Widget

Comments widget is a convenient UI control for integration into any web application. With this solution you can implement the service of comments in your system or develop a full-fledged chat system. You can connect comments to any element, such as a document, image, contact. Download the comments widget with the link below or learn more about the Chat/ Messenger.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Support of All Modern browsers
  • Works on Touch Devices
  • Meets Section 508
  • Quick styling with CSS

Overview

The Comments widget is a ready-made solution for managing comments in an app. Comments will be a good extension for project management applications, e.g. Kanban boards, and big data components like Spreadsheet. Comments can display message text, date & time, user info and an action menu. Users also can address comments to other people that take part in the discussion.

Actions with Comments

All comments sent by the user can be edited or removed. Both actions are available in the context menu.

Hover a pointer over a comment by 'Me' and click the icon to the right of the date

Mentioning Users

With one setting, you can enable the mentioning functionality in Comments. The user will mention other people by typing @ and the first letter of the name, after that they can select a user from a dropdown list.

Type @ and the name of a user.

Anonymous Comments

Comments can be either linked to users, or not. In the latter case they all become editable and can be added by anyone.

Showing User Statuses

If knowing who is online is important for your users, you can enable displaying the user status.

Changing the Look

You can completely change the look of the Comments widget. Define your own comment box, change the comment details shown next to it, add icons, style avatars -- all this is in your hands.