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.jsdelivr.net/luxbar/0.1.0/luxbar.css">
COPY
COPY

Or download the source directly:

luxbar-0.3.0.zip luxbar-0.3.0.tar.gz

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: