28 best open source nav projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 28 results

headhesive.js - An on-demand sticky header.

Javascript

An on-demand sticky header. Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic. View demo.

header head sticky banner navigation nav scroll

SlidingRootNav - DrawerLayout-like ViewGroup, where a "drawer" is hidden under the content view, which can be shifted to make the drawer visible

Java

The library is a DrawerLayout-like ViewGroup, where a "drawer" is hidden under the content view, which can be shifted to make the drawer visible. It doesn't provide you with a drawer builder. Add this into your dependencies block.

android android-ui view android-development sidemenu side-menu drawer-layout drawerlayout navigation-drawer sidenavigation swipe nav sidenav

stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills 🍬

Javascript

Stickybits is a lightweight alternative to position: sticky polyfills. It works perfectly for things like sticky headers. Key Note: Stickybits expects and works best when the element that will become sticky is wrapped within a parent element that defines when the element starts being sticky and stops being sticky. See below for visual reference.

sticky stickyposition fixed scroll fixedposition sticky-elements stickyheader stick position navigation nav dom simple stuck waypoint stickynavigation fixedheader

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

uiv is a Bootstrap 3 component lib implemented by Vue 2. To check out live examples and docs, visit https://uiv.wxsm.space.

vue bootstrap vuejs vuejs2 vue2 bootstrap3 ui ui-components web component-library vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-select

react-native-nav - A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

Javascript

I created this project after going through the navbars contained in Awesome React and not finding any that were cross-platform, customizable, and integrated the status bar. This project is a spiritual successor to react-native-navbar (I forked it and ended up changing like 90% of it). To find a preview of all examples go to the examples folder.

react-native react android ios navigation navbar native bar component customizable nav app

react-internal-nav - React component with single 'onInternalNav' callback for handling clicks on <a> local to domain

Javascript

React component with single onInternalNav callback for handling clicks on <a> local to domain. Using this means you don't need anything special to link within your app, you just render this component near the root of your app, and use plain 'ol <a href='/some-path'> within your other components to link within your app.

internal nav navigation react router

react-navbar - React

Javascript

The secondaryMenuItems are optional. Navbar is react-intl-based. To translate the component, make sure it receives the messages property. The i18n message paths are the values of title-s of menuItems and secondaryMenuItems.

reactjs component react-component html browser control widget twitter-bootstrap menu navigation nav navbar hamburger i18n intl internationalization translatable react-intl responsive

hfill - A speculative polyfill to use the h element in HTML

Javascript

hfill lets you use the speculative h element in HTML. The h element would allow web authors to provide contextual headings without specifying an explicit level.

html contextual heading element h h1 h2 h3 h4 h5 h6 article aside nav section speculative polyfill ponyfill

menuspy - A JavaScript library to make navigation menus highlight the item based on currently in view section

Javascript

A JavaScript library to make navigation menus highlight the item based on currently in view section. MenuSpy will be available in the global scope.

es6 menu nav navigation menuspy scrollspy navigation-menus-highlight javascript-library

three-pathfinding - Navigation mesh utilities for three.js, based on PatrolJS.

Javascript

Navigation mesh toolkit for ThreeJS, based on PatrolJS. Computes paths between points on a 3D nav mesh, supports multiple zones, and clamps movement vectors for FPS controls. To learn how to create a navigation mesh using Blender, see Creating a Nav Mesh. Thanks to Nick Janssen for creating PatrolJS, which was the basis for this library.

patrol patroljs patrol.js three three.js threejs pathfinding aframe astar nav navmesh navigation

react-nav-tabs - Generic, flexible tabbed based navigation with optional react-router support

Javascript

A set of components making tabbed navigation easier. Optionally supports react-router if you'd like the tab panes to show routes instead of predefined components. The main goal of this project is to provide flexible class names, elements, and react-router in a concise way.

react tabs navigation router flexible optional generic nav tab

bootstrap-drawer - A Bootstrapadd-on to create off-canvas styled navigation

A Bootstrap add-on to create drawer (off-canvas) styled navigation. As of Bootstrap 3, there is no "drawer" element - a drawer-like menu that goes off screen. This is an add-on to the core Bootstrap framework that adds various .drawer classes to quickly and easily create the drawer component.

bootstrap3 bootstrap-3 bootstrap offcanvas off-canvas off canvas navigation navs nav drawer menu html css less js

PatrolJS - Navigation mesh toolkit for ThreeJS

Javascript

PatrolJS helps your AI agents navigate around your world. It uses the A* and Funnel algorithms to calculate a path on a navigation mesh. Traditionally games and 3D apps used waypoints to help their AI agents navigate. This is bad and has a lot of problems, but is generally easier to implement than navigation meshes. Navmeshes are far more accurate, faster and take into account the size of the AI agent (e.g. tanks require move space to maneuver than soldiers).

patrol patroljs patrol.js three three.js threejs pathfinding astar nav navmesh navigation

Lava-Lamp - A lightweight jQuery animating navigation plugin.

Description: A jQuery animating navigation plugin. It creates a div that moves when you mouse over an element, giving it an elastic animation. Or download as ZIP.

css jquery-plugin css3 css-animations css3-animations navigation navbar nav animation hover css3-transitions menu

vue-tabs - Simplified bootstrap tabs

Simplified bootstrap tabs

vue-tabs vuejs vuejs2 vue-components nav tabs nav-component

vue-bilibili-nav - 仿写bilibili的侧边导航

仿写bilibili的侧边导航

vue bilibili navigation nav vue-bilibili-nav

gulp-nav - gulp plugin to help build navigation elements

CoffeeScript

A gulp plugin to help build navigation or breadcrumb elements implicitly from our file structure. The goal is to be useful with e.g. Bootstrap .nav classes and your favorite templating system. (If you need templates, try Jade.) gulp-nav can handle Vinyl file objects with stream contents and with buffer contents. We know how to .pipe these through appropriate plugins and transforms, leaving us with a bunch of output pages in a similar directory hierarchy. What about links between those pages, however? We don't want to hardcode that stuff! While each file is piped through, an object stored as a property of the Vinyl file object, which stored object knows where other files are located and what they are called, could be really useful to template plugins. With that information, a template could be written to build navbars, breadcrumbs, or whatever we want on our generated page.

gulpplugin nav directory hierarchy sitemap pagetree breadcrumb tree