Table of Contents
01

FACEBOOK MESSENGER’S CHAT BUBBLE

 

See the Pen Accordion by Prabhu Kalyan Korivi (@prabhukorivi) on CodePen.

Author

  • Ahmad Shadeed

Made with

  • HTML / CSS
02

DIRECT MESSAGING

See the Pen Daily UI #013 | Direct Messaging by Mubanga (@mubangadv) on CodePen.

Author

  • Mubanga

Made with

  • HTML (Slim) / CSS (SCSS) / JS
03

CHAT INTERFACE

See the Pen Weekly Coding Challenge #8 – Chat Interface by Florin Pop (@FlorinPop17) on CodePen.

Author

  • Florin Pop

Made with

  • HTML / CSS
04

CHAT UI RESPONSIVE

See the Pen Chat UI Responsive by abadu (@abadu) on CodePen.

Author

  • abadu

Made with

  • HTML (Pug) / CSS (Sass)
05

CHAT APP

See the Pen Chat App by Mayur Kshirsagar CODED (phone1) by Genaro Colusso (@genarocolusso) on CodePen.

Author

  • Genaro Colusso

Made with

  • HTML / CSS
06

MATERIAL MESSAGING APP CONCEPT

See the Pen Material Messaging App Concept by Thomas d’Aubenton (@ThomasDaubenton) on CodePen.

Author

  • Thomas d’Aubenton

Made with

  • HTML / CSS
07

MESSENGER APP

See the Pen UI Design – Messenger App by CodeFrog (@CodeFrogShow) on CodePen.

Author

  • CodeFrog

Made with

  • HTML / CSS
08

CHAT UI 2.0

See the Pen Chat UI 2.0 by Álvaro Hernández Perales (@Varo) on CodePen.

Author

  • Álvaro Hernández Perales

Made with

  • HTML / CSS
09

RESPONSIVE CSS CHAT

See the Pen Responsive CSS Chat by Álvaro Hernández Perales (@Varo) on CodePen.

Author

  • Álvaro Hernández Perales

Made with

  • HTML / CSS
10

CHAT WINDOW WITH CSS3

See the Pen chat window with css3 by anchen (@anchen) on CodePen.

Author

  • anchen

Made with

  • HTML / CSS (SCSS)
11

HTML/CSS IMPLEMENTATION OF HIPCHAT REDESIGN

See the Pen HTML/CSS implementation of HipChat redesign by Ionel Cucu (@CucuIonel) on CodePen.

Author

  • Ionel Cucu

Made with

  • HTML / CSS (Less) / JS
12

ADIUM CONCEPT

See the Pen Adium Concept by Fabrice W. (@FWeinb) on CodePen.

Author

  • Fabrice W.

Made with

  • HTML / CSS (SCSS)