# Cant found any tailwind nav navbar tutorial **URL:** \ **Category:** Questions\ **Tags:** tailwind, navbar\ **Created:** [October 19, 2023, 7:18pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450 "2023-10-19T19:18:26Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![ivanvb](https://avatars.discourse-cdn.com/v4/letter/i/22d042/32.png) [@ivanvb](https://forum.pinegrow.com/u/ivanvb)\ **Post date:** [October 19, 2023, 7:18pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450/1 "2023-10-19T19:18:26Z")
hello folks i am using the trial to discover pinegrow, i added a block tailwind of a header which have a burger icon and menu items, but the burger on click do nothing, i cant find any single tutorial to make a navbar using pinegrow and tailwind, if you have one please share. thanks so much. ---
**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\ **Post date:** [October 19, 2023, 9:01pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450/2 "2023-10-19T21:01:03Z")
I think Tailwind css unlike bootstrap has no animations bundled into the framework, that is you will have create the animation either with pinegrow interaction or some JS script. There are some pretty amazing tailwind library component but to bring them into pinegrow you will have to go with the external build process. NPM etc etc… It’s one of the thing that makes me wanna go bootstrap, in Pinegrow. ---
**Author:** ![Plunky](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/plunky/32/5705_2.png) [@Plunky](https://forum.pinegrow.com/u/Plunky)\ **Post date:** [October 19, 2023, 9:19pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450/3 "2023-10-19T21:19:10Z")
Tailwind is just a css framework. To create a hamburger menu you will have to use javascript. You can also not use js to create it and just [make it with html + css](https://codepen.io/jo_Geek/pen/xgbaEr), however, the process becomes a bit more complicated. I don’t want to be wrong but I’m pretty sure that in one of his videos, @adamslowe shows how to create a responsive navbar in Pinegrow (if I remember correctly using gsap?). I when working with Tailwind often use [alpine.js](https://alpinejs.dev/), which is very light and powerful. ---
**Author:** ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\ **Post date:** [October 19, 2023, 9:33pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450/4 "2023-10-19T21:33:02Z")
It can be done with GSAP or Pinegrow Interactions, but I wasn’t able to get it to handle keyboard focus properly with those frameworks. Alpine.js is what I’ve been using and it works pretty well. Here is a painfully long video showing you how it’s done. Building Responsive and Accessible Navigation Menus with Alpine.js [![](https://img.youtube.com/vi/t4ph7z3aLMk/maxresdefault.jpg "Building Responsive and Accessible Navigation Menus with Alpine.js") ](https://www.youtube.com/watch?v=t4ph7z3aLMk) ---
**Author:** ![ivanvb](https://avatars.discourse-cdn.com/v4/letter/i/22d042/32.png) [@ivanvb](https://forum.pinegrow.com/u/ivanvb)\ **Post date:** [October 19, 2023, 11:33pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450/5 "2023-10-19T23:33:45Z")
thanks you folks for your kind answers, i found this [![](https://img.youtube.com/vi/sH9xaiK0iLc/maxresdefault.jpg "11 Animating the Menu - Flex - Creating a Tailwind CSS WordPress Theme") ](https://www.youtube.com/watch?v=sH9xaiK0iLc&t=284s) am gonna try too the alpine way. ty