<p>Recreating the sidebar navigation that we did with Alpinejs but this time with Tailwind CSS and JavaScript.</p>
<p>Read the article <a target="_blank" href="https://lexingtonthemes.com/tutorials/how-to-create-a-sidebar-navigation-with-tailwindcss-and-javascript/">see it live and get the code</a></p>


Recreating the sidebar navigation that we did with Alpinejs but this time with Tailwind CSS and JavaScript.

Read the article [see it live and get the code](https://lexingtonthemes.com/tutorials/how-to-create-a-sidebar-navigation-with-tailwindcss-and-javascript/)

How to create a sidebar navigation with Astro, Tailwind CSS and JavaScript

What is a sidebar?

The button to open the sidebar

The button to close the sidebar

The sidebar's structure

The script

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 sidebar navigation with Astro, Tailwind CSS and JavaScript

Table of contents