Collection of free jQuery chat code examples from Codepen and GitHub.

Related Articles

  1. CSS Chats
  2. Bootstrap Chats
  3. Tailwind Chats

Author

  • neil kalman

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Floating Website Chat Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Pavel Laptev

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Direct Messaging

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.nicescroll.js

Author

  • adobewordpress

Links

Made with

  • HTML / CSS / JS

About a code

iOS Like iMessage Responsive HTML5

Responsive HTML5 Chat helps you to create useful chatbox on your website easly. You can change skin and sizes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Fabio Ottaviani

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Direct Messaging

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.mCustomScrollbar.css, jquery.mCustomScrollbar.js

Author

  • Pavel Komiagin

Links

Made with

  • HTML (Slim) / CSS (Sass) / JS (CoffeeScript)

About a code

Chat Concept

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Andre Madarang

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Chat Widget

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, handlebars.js, list.js

Author

  • Virgil Pana

Links

Made with

  • HTML / CSS / JS

About a code

jQuery Chat

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Nikolay Talanov

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Elastic SVG Sidebar Material Design

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Tuomas Pöyry

Links

Made with

  • HTML / CSS (Less) / JS

About a code

Fully Responsive Chat Layout

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Clint Brown

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Chat

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -