Awesome Unified Nav Builder

Pick your options, copy the markup. Source on GitHub.

Color mode
Optional links

Cera Round Pro wordmark for the primary tab, already inlined in awesome-nav.css.

Preview

375px
768px
Full width

Each preview is its own iframe, so the navbar’s 620px media query applies at that width. Below it, non-primary labels collapse to icons with tooltips.

Add to your <head>

Markup