superfish - Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus

•    Javascript

---

Our favourite aquatic superhero returns from his sojourn across the galaxy infused with astonishing, hitherto unseen new powers. In his modern incarnation (wearing a rather spiffy cape) Superfish is dedicated to keeping dropdown/flyout menus accessible across browsers great and small, in addition to adding support for newer touch devices (running Android, iOS, Windows, etc). All this and a pretty face.Please use the existing Superfish documentation where you will find full explanations of the customisable features and plenty of examples to get you started.

menu dropdown responsive navigation jquery-plugin ecosystem:jquery jquery

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

react-router-native - A routing library for React Native that strives for sensible API parity with react-router 🤖

•    Javascript

---

A routing library for React Native that strives for sensible API parity with react-router. React Router community decided that a reducer-based paradigm similar to that of NavigationExperimental is better suited to native navigation. Transition to a reducer-based paradigm is also being discussed for the web. On the other hand, NavigationExperimental has no intention to support a React Router-like interface and leaves the navigation state up to the developer to maintain.

react-native react-router react react-router-native react-native-router native routing router navigator navigationexperimental navigation navigatorios ios andorid react-component

markdown-toc - Generate a markdown TOC (table of contents) for a README or any markdown files, using remarkable

•    Javascript

---

Generate a markdown TOC (table of contents) with Remarkable. Use as a remarkable plugin.

toc-generator table-of-contents toc markdown navigation project readme md anchor commonmark docs document documentation glossary heading index links plugin reference remarkable remarkableplugin render renderer table write

viewport - create custom scrolling indicator

•    Javascript

---

home page of intence project also uses viewport.js for its navigation menu. where should the viewport be scrolled to in order to show a particular section.

scroll scrolling menu navigation indicator location viewport

scrollNav - A jQuery plugin for building a scrolling navigation menu

•    Javascript

---

Or download the latest zipped package. Check out the homepage to see it in action.

scrollnav navigation scrolling sticky-nav scrolling-nav

ui-router-tabs - Idiot-proof tab panes with route support using Angular.js + Bootstrap 3 + UI Router

•    Javascript

---

Leverages UI Bootstrap and UI Router to give you full-strength route-driven tabs in Angular.js.Add ui.router.tabs as a new module dependency in your angular app.

angular tabs navigation ui-router bootstrap angularjs angular-component

ember-crumbly - Declarative breadcrumb navigation for Ember apps

•    Javascript

---

Adds a Component to your app that displays the current route hierarchy (commonly known as breadcrumb navigation). Thanks to @rwjblue for providing the excellent addon name. This addon provides a very declarative way to generate dynamic breadcrumbs.

ember-addon ember breadcrumbs bread-crumbs navigation crumbly

pushStateTree - The most powerful JavaScript router library for Single Page Applications.

•    Javascript

---

A standalone powerful library to manage browser routing with nested level support, complex match expressions and on-fly rules change (convenient to lazy module loading). The open-source router system solutions available when I started designing this library were all working with a callback "match" and they are very hard to work with nested levels, and/or not support on-fly changes.

route routes router pushstate hashchange history location navigation controller mvc event events dispatch url spa single-page-application lazy-load apps app routing uri shim navigator

ways - Fluid router specially designed for complex page transitions and granular UI animations

•    Javascript

---

Fluid router specially designed for complex page transitions and granular UI animations. But not only that.

router flow fluid navigation chain transitions spa

ember-slide-push-menu - Ember Slide and Push Menus

•    Javascript

---

Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. For more information on using ember-cli, visit https://ember-cli.com/.

ember ember-addon menu menu-navigation navigation slide-menu push-menu off-canvas

naturalScroll - smoothly scroll to the desired position

•    Javascript

---

Objects in real life never stop or start moving instantly. Having this in mind, natural scroll performs scrolling smoothly and naturally: it starts and finishes the movement with zero speed and acceleration. If another scrolling target is specified during an animation still running, natural scroll recalculates the remaining animation frames, so that the scrolling continues smoothly and reaches the new destination. The slowdowns and accelerations do not make the animation look slower. The scrolling just feels better. A user may not even notice the magic at all, but a good design should not be noticed. For him the scrolling becomes natural, comfortable and predictable. natural scroll has flexible FPS. Which means if a system is too slow (or a web-page is too overdesigned), natural scroll skips some of the frames, preserving the total time of animation. Therefore the destination scrolling position is reached on time and users do not have to wait any longer. Of course on faster systems the animation is more fluent.

scroll scrolling programmatically menu navigation

vue-side-bar - Hackable dynamic sidebar

•    Vue

---

Hackable dynamic sidebar

vuejs vue sidebar navbar navigation form

navaid - A navigation aid (aka, router) for the browser in 850 bytes~!

•    Javascript

---

The base pathname for your application. By default, Navaid assumes it's operating on the root. All routes will be processed relative to this path (see on()). Similarly, while listening, Navaid will not intercept any links that don't lead with this base pathname.

browser router client-side navigation history

priority-nav-scroller - Priority Nav Scroller is a plugin for the priority+ navigation pattern.

•    CSS

---

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls. The script is an ES6(ES2015) module but a compiled version is included in the build as index.js. You can also copy scripts/priority-nav-scroller.js into your own site if your build process can accomodate ES6 modules. Babel and Browserify are used in the demo site.

priority-nav-scroller priority-navigation scrolling navigation scroller priority+ priority responsive

ember-3d-nav - A 3d rotating top navigation bar for Ember apps

•    Javascript

---

ember-3d-nav is built and maintained by Ship Shape. Contact us for Ember.js consulting, development, and training for your project. Ember-3d-nav is based on 3D Rotating Navigation by CodyHouse. It aims to make it easily configurable for use with your Ember apps.

nav ember-3d-nav navigation ember-addon navbar 3d-nav

react-native-navigation-bar - NavigationBar written in pure javascript for cross-platform support

•    Javascript

---

NavigationBar written in pure javascript for cross-platform support

react-native ios android navigation

array-to-tree - Convert a plain array of nodes (with pointers to parent nodes) to a nested data structure

•    Javascript

---

Convert a plain array of nodes (with pointers to parent nodes) to a nested data structure. Solves a problem with conversion of retrieved from a database sets of data to a nested data structure (i.e. navigation tree).

nodejs array-helper array-manipulations arrays tree tree-structure array list pointer parent navigation nested