Open UI

Navigation


    @import url("https://openui.netlify.app/pages/components/Navigation/navigation.css");
    <link rel="stylesheet" 
    href="https://openui.netlify.app/pages/components/Navigation/navigation.css">
            

Desktop Navigation


    <header class="nav">
        <a class="nav-brand-link" href="">
            <span>
                <img class="nav-brand-logo" src="..." alt=""/>
                <span class="nav-brand-name">Open UI</span>
            </span>
        </a>
        <ul class="nav-link-section">
            <a href="">
                <li class="nav-link">Components</li>
            </a>
            <a href="">
                <li class="nav-link">Resources</li>
            </a>
            <a href="">
                <li class="nav-link">Examples</li>
            </a>
        </ul>
    </header>