Collection of free custom Bootstrap chat code examples.

Demo image: Bootstrap 4 Live Chat Form with User Icons

Creator

  • Kabir Bhatia

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Live Chat Form with User Icons

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 Simple Chat Application

Creator

  • BBBootstrap Team

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Simple Chat Application

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Demo image: Bootstrap 4 Awesome Chat Messages Box

Creator

  • BBBootstrap Team

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Awesome Chat Messages Box

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.0.0

Demo image: Bootstrap Chat

Creator

  • Ondrej

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Chat

Bootstrap chat combines simplicity and function to create an intuitive layout that you can use for your next chat application project. It features threaded conversations ordered according to the most recent ones. The minimal scroll bars ensures that your chat user interface is distraction-free and focused. Using Bootstrap 4, the chat user interface was created using a well-structured and efficient code. It was enhanced with Font Awesome icons to highlight the user experience.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Simple Chat App

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Simple Chat App

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap Card Chat List

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap Card Chat List

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.1.1

Demo image: Elegant Bootstrap 4 Message Chat Box Template

Creator

  • SamimOnline

Programming language

  • HTML / CSS / JS

Information a code

Elegant Bootstrap 4 Message Chat Box Template

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.1.1

Demo image: Bootstrap Chat Room Design

Creator

  • pankajrajput

Programming language

  • HTML / CSS

Information a code

Bootstrap Chat Room Design

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.0.0

Demo image: Bootstrap Whatsapp Web Chat Template

Creator

  • Dey Dey

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Whatsapp Web Chat Template

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fint-awesome.css, jquery.js

Bootstrap version: 3.3.7

Demo image: Bootstrap User Profile with Friends and Chat

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap User Profile with Friends and Chat

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.7

Demo image: Bootstrap Color Chat

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap Color Chat

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Demo image: Bootstrap Messages or Conversations

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap Messages or Conversations

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Demo image: Bootstrap Facebook Messenger Chat

Creator

  • Dey Dey

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Facebook Messenger Chat

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js, jquery.nicescroll.js

Bootstrap version: 3.3.4

Demo image: Bootstrap Messages Like Material Design

Creator

  • Dey Dey

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Messages Like Material Design

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.4

Demo image: Bootstrap Chat Room

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap Chat Room

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.4

Demo image: Bootstrap Chat Box

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap Chat Box

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.1

Demo image: Bootstrap Collapsible Chat Widget

Creator

  • Simolation

Programming language

  • HTML / CSS

Information a code

Bootstrap Collapsible Chat Widget

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 3.2.0

Demo image: Bootstrap Like Hangout Chat

Creator

  • SrPatinhas

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Like Hangout Chat

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.1.0

Demo image: Bootstrap Simple Chat

Creator

  • pablocorezzola

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Simple Chat

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.0.0

Demo image: Bootstrap Framework Snippet Whatsapp Web Chat Template

Creator

  • harunpehlivan

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Framework Snippet Whatsapp Web Chat Template

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.0.0