Sidebar Navigation Menu using Tailwind CSS | Beginners Guide to Tailwind CSS

In this tutorial, you'll learn how to create a responsive sidebar navigation menu using Tailwind CSS. In this navigation, we have submenu items as well. Here we've added animation for a better user experience.

► Timestamps
0:00 Introduction
1:51 Creating the Project & Installing Packages
6:14 Create the Sidebar Navigation

[vardaanagarwal]

Hello Pradip, this tutorial is jam packed with knowledge, not only did i learn how to implement the toggle functionality the proper way but also these cool animations that we can add on to it. Keep it up! 👍

[waltergomero]

Simple, clear and robust. Awesome tutorial.

[julienheng]

This is amazing! great design, good explanation and easy to follow. Thank you so much for this tutorial!

[ezequiel]

great tutorial man, and thank you for no background music. This is the right video format!

[techyvivekraj]

Thank You for these helpful video, I always use to watch your react native tutorial.

[ChauNguyenRVC]

Thank you for the detailed guidance. It's easy to follow. Good job.

[oluwaseunladeinde]

Simple and straight to the point. Thank you Pradip.

[phil]

Great tutorial. Well explained. Just what I was looking for

[mtsurov]

Great vid. Exactly what i needed. Thank you for sharing. Its a sub.

[josphat.Karanja]

Awesome side bar with cool translation, Awesome👍👍👍

[maghani.official]

Wonderful. Thank you for sharing this.

[xxic.]

Great tutorial. I'm using Vuejs but could easily follow the tailwind bit that I was interested in.

[juanmamani]

10K claps for video content. Thanks for sharing!

[spotnuru]

Amazing tutorial, really appreciate it.. keep up the good work

[dart_ariz]

Thanks for your excellent tutorial.. was trying to implement smooth transition in one of the sidebar but was confused.. thanks to you

[thinkcorrectly]

i was at the 8 minutes mark then i got engrossed in the potential masterpiece i could make and started dancing and bobbinb my head

[galindoxrafa]

Thanks, I had to modify it a bit as I use Laravel/Livewire but the Tutorial is easily convertible to other platforms. Great job!

[roebienarnaiz]

const Menus = [
{ title: "Dashboard" },
{ title: "Pages" },
{ title: "Media", spacing: true },
{
title: "Projects",
submenu: true,
submenuItems: [{ title: "Submenu 1" }, { title: "Submenu 2" }, { title: "Submenu 3" }],
},
{ title: "Analytics" },
{ title: "Profile", spacing: true },
{ title: "Setting" },
{ title: "Logout" },
];

[gianniskourtessis]

Man thank you your a great teACHER, curious I noticed you used the sequencer for drums, but can't I just play those softs via the