Tailwind CSS Navbar

Use our responsive Tailwind CSS navigation for your website. You can add links, icons, links with icons, search bars, and brand text. See below our simple navbar example that you can use in your Tailwind CSS project.

Sticky Navbar

Required Scripts

The navbar component needs a required script file to work, you just need to add the below script file to the bottom of your html file.

<!-- from node_modules -->
<script src="node_modules/@material-tailwind/html/scripts/collapse.js"></script>
<!-- from cdn -->
<script src="https://unpkg.com/@material-tailwind/html@latest/scripts/collapse.js"></script>