Who would like to have a chat box integrated in their website like we see on Facebook and Gmail? If you own a website and you are in need of this type of feature then you are in the right place ;) In this post, we have collected 9 jQuery Chat and Chat Box Plugins you will find useful, powerful, ready and easy-to-use jQuery powered chat! Enjoy.

1. jQuery UI Chatbox Plugin

It is a pure UI plugin so you can easily plug it into whatever communication protocol of your choice, some may find this useful.
jQuery UI Chatbox

2. ArrowChat

A jQuery live chat software that uses PHP and mySQL. It is placed at the bottom of your website similar to Facebook Chat.

3. jQuery – FancyBox Styled Chat Window

I have put together a sample of the WhosOn chat window inside and iFrame element that works using the FancyBox 1.3.4 code. Here are the samples of code I used via jQuery.
jQuery - FancyBox Styled Chat

4. Very simple Jquery chat box – Full tutorial

Learn a very jQuery chat box in this video tutorial.
Very simple Jquery chat box
Source + Demo

5. How to Create A Simple Web-based Chat Application

In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website.
Web-based Chat Application
Source + Demo

6. Building a jQuery/PHP Powered Chat Room

Build a little chat program that is really easy to get up and running on any server running PHP.
jQuery/PHP Powered Chat Room
Source + Demo

7. Ajax Chat Plugin (using jQuery)

This is an update to my old Ajax Chat Plugin. This version using jQuery and works with CakePHP RC3.
Ajax Chat Plugin

8. SharePoint Chat

A jQuery plugin for SharePoint 2007 that places a chat application onto a SharePoint webpart page. The plugin uses jQuery to add messages to a list and display them in real-time on a list-view web part. It’s simple to install and customize.
SharePoint Chat
Source + Demo

9. Candy

A jQuery multi user chat client that features multiple rooms, private chat, new message notifications and tools for moderation & to control spam.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • vinay

    in above chatbox write this
    and you will get vertical scroll bar that is not good
    give me a chat box that does not scroll vertical.

  • hjhj


  • vbcv


  • Loic

    It’s awesome.
    There are a lot of good solutions well organized.
    Besides, do you have links for chat (plugins or other) for the Framework CakePHP 2.x please?
    Than you in advance for your answer!

  • dfs


  • Rushit Dawda

    Y the demos of any chat are not working ??

    • http://jquery4u.com/ jQuery4u

      They are working fine for me, is there any in particular?

  • http://www.facebook.com/christian.norrig Christian Norrig

    Maaan… Post a source on chatbox 5 please.

  • ianmin2

    Nice chat Boxes!

  • derp


  • Guest


  • truonghq


  • Jeffrey Dweight

    Try using the QuickBlox SDK to create your own chat – it’s free of charge.
    The detailed guidelines are here: http://quickblox.com/developers/Web_XMPP_Chat_Sample

  • Mr

    Here there is another one! https://github.com/lovelle/jquery-chat/

  • jQC

    Here there is another one too ! http://jquerychat.net

  • Daniel

    I tried to realize a plugin with voicemail – support. Have a look.


Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.