CSS Chat Layout Free Download

CSS Chat Layout is based on HTML and CSS and is inspired by Facebook’s Chat Layout. If you have a working chat application or planning to make a new then it is for you. Checkout the the


  1. The markup and stylesheet is clean, validated and commented.
  2. Very easy to add your widgets
  3. Wide browser support (IE7 and onwards, Opera, Chrome, Firefox and Safari)
  4. LESS is included which lets you edit the stylesheet with ease. (If you are not familiar with LESS; don’t worry just edit the CSS file as you like)
  5. Full chat layout design

Have any questions? Ask them in the comments section.


Please provide us with your feedback. Share your thoughts, ask questions, report bugs and issues;


- 24-06-2014 Added a compact version of sidebar Fixed footer issues in users list tab - 19-06-2014 Initial Release

Dynamic Behaviour

CSS Chat Layout provides you with the design. Dynamic behaviour is not included but a javascript file is included out of the box to let you test important dynamic behaviour with ease.

Want to be in constant touch?

Join the group I just created on facebook:  
   View Demo     Download