DEV Community

Cover image for Create a chat bubble with Tailwind CSS and JavaScript
Michael Andreuzza
Michael Andreuzza

Posted on

Create a chat bubble with Tailwind CSS and JavaScript

Remember the chat bubble we did with Tailwind CSS and Alpinejs? Well today we’ll be doing the same thing but using vanilla JavaScript instead!

A quick refresh of what is a chat or contact bubble is…

A chat bubble is a small bubble that appears on the screen when this one is toggled, normally with a button that says “Chat”, “Help”, or “Contact”. This one is normally on the bottom right of the screen and it contains a form and inputs that allows the user to send a message to another person.

Originally posted on: https://lexingtonthemes.com/tutorials/how-to-create-a-chat-bubble-with-tailwind-css-and-javascript/

Top comments (0)