Collection of free custom Bootstrap chat code examples.

Demo image: Bootstrap 4 Live Chat Form with User Icons

Author

  • Kabir Bhatia

Made with

  • HTML / CSS

About a code

Bootstrap 4 Live Chat Form with User Icons

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 Simple Chat Application

Author

  • BBBootstrap Team

Made with

  • HTML / CSS

About a code

Bootstrap 4 Simple Chat Application

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.0.0

Demo image: Bootstrap 4 Awesome Chat Messages Box

Author

  • BBBootstrap Team

Made with

  • HTML / CSS

About a code

Bootstrap 4 Awesome Chat Messages Box

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.0.0

Demo image: Bootstrap Chat

Author

  • Ondrej

Made with

  • HTML / CSS / JS

About 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.

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Simple Chat App

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap 4 Simple Chat App

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap Card Chat List

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap Card Chat List

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Demo image: Elegant Bootstrap 4 Message Chat Box Template

Author

  • SamimOnline

Made with

  • HTML / CSS / JS

About a code

Elegant Bootstrap 4 Message Chat Box Template

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

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.1.1

Demo image: Bootstrap Chat Room Design

Author

  • pankajrajput

Made with

  • HTML / CSS

About a code

Bootstrap Chat Room Design

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.0.0

Demo image: Bootstrap Whatsapp Web Chat Template

Author

  • Dey Dey

Made with

  • HTML / CSS / JS

About a code

Bootstrap Whatsapp Web Chat Template

Compatible browsers: 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

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap User Profile with Friends and Chat

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.7

Demo image: Bootstrap Color Chat

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap Color Chat

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Demo image: Bootstrap Messages or Conversations

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap Messages or Conversations

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Demo image: Bootstrap Facebook Messenger Chat

Author

  • Dey Dey

Made with

  • HTML / CSS / JS

About a code

Bootstrap Facebook Messenger Chat

Compatible browsers: 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

Author

  • Dey Dey

Made with

  • HTML / CSS / JS

About a code

Bootstrap Messages Like Material Design

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.4

Demo image: Bootstrap Chat Room

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap Chat Room

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.4

Demo image: Bootstrap Chat Box

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Bootstrap Chat Box

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.1

Demo image: Bootstrap Collapsible Chat Widget

Author

  • Simolation

Made with

  • HTML / CSS

About a code

Bootstrap Collapsible Chat Widget

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

Responsive: yes

Dependencies: -

Bootstrap version: 3.2.0

Demo image: Bootstrap Like Hangout Chat

Author

  • SrPatinhas

Made with

  • HTML / CSS / JS

About a code

Bootstrap Like Hangout Chat

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

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.1.0

Demo image: Bootstrap Simple Chat

Author

  • pablocorezzola

Made with

  • HTML / CSS / JS

About a code

Bootstrap Simple Chat

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

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.0.0

Demo image: Bootstrap Framework Snippet Whatsapp Web Chat Template

Author

  • harunpehlivan

Made with

  • HTML / CSS / JS

About a code

Bootstrap Framework Snippet Whatsapp Web Chat Template

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.0.0