Tailwind CSS Navbars - Notus JS

This the upper navigation of your website. You can add in it links, icons, links with icons, search bars and a brand text. The dynamic part of them is made using Javascript and the styles are done using Tailwind CSS.


Text

The following example features a brand on the left and some text links on the right.

Icons

You can leave the text, and only give your users some intuitive icon links.

Icons and Text

The following example features a brand on the left and some text and icon links on the right.

You can also have a search bar inside your navigation menu. On the left you can keep your brand text with some links, and on the right you can have a search for your website.

Dynamic

We’ve taken a simple example, one that it is most used in real-life website, an naviagtion menu with text and icon links. You can change the links with anything from the above Navbars and everything will work properly.