<p>Today is toggle day!</p>
<p>Read the article <a target="_blank" href="https://lexingtonthemes.com/tutorials/how-to-create-a-theme-toggle-with-tailwind-css-and-alpine-js/">See it live and get the code</a></p>


Today is toggle day!

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

How to create a dark mode toggle with Tailwind CSS and Alpinejs

Advantages of a theme toggle

Lets get to the code

The structure

The Alpine JS code

Adding the classes to your markup

✺ 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 dark mode toggle with Tailwind CSS and Alpinejs

Table of contents