<p>Yesterday I was asked to create a chat bubble with alpinejs despite. So here it is.</p>
<p>Read the article <a target="_blank" href="https://lexingtonthemes.com/tutorials/how-to-create-a-chat-bubble-with-tailwind-css-and-alpinejs/">See it live and get the code</a></p>


Yesterday I was asked to create a chat bubble with alpinejs despite. So here it is.

Read the article [See it live and get the code](https://lexingtonthemes.com/tutorials/how-to-create-a-chat-bubble-with-tailwind-css-and-alpinejs/)

How to create a chat bubble with Tailwind CSS and Alpinejs

What is a chat or contact bubble?

The toggle button

The icons inside the buttons

First icon

Second icon

The chat bubble

Conclusion

✺ UI Designer & Front end dev working on lexingtonthemes.com


A bi-weekly newsletter for web developers and UI/UX designers discovering new resources and articles about the latest and relevant trends.

How to create a chat bubble with Tailwind CSS and Alpinejs

Table of contents