Luxbar Featherweight, Responsive, CSS Only Navigation Bar GitHub Docs FAQ

Getting started:

Download with NPM:

npm install luxbar COPY COPY

Or with Bower:

bower install luxbar COPY COPY

Or use CDN:

<link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css"> COPY COPY

Or download the source directly:

Then customize the look of it (color, menu alignement, etc) with the options below. The navbar will update realtime accordingly. After everything looks the way you want, grab the generated HTML code from the bottom and drop it into your project.

Please note that that the dropdown can't be configured throught the demo app (yet!) so if you want to know how to implement it check out this link.

Menu builder: To add a new element click on the plus icon, type in the item name and click enter. To remove one, simply click on the one you want to remove.

Generated Code: