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 jqueryAn 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 scrollA 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-componentGenerate 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 writehome 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 viewportOr download the latest zipped package. Check out the homepage to see it in action.
scrollnav navigation scrolling sticky-nav scrolling-navLeverages 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-componentAdds 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 crumblyA 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 navigatorFluid router specially designed for complex page transitions and granular UI animations. But not only that.
router flow fluid navigation chain transitions spaFixed 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-canvasObjects 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 navigationHackable dynamic sidebar
vuejs vue sidebar navbar navigation formThe 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 historyPriority 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 responsiveember-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-navNavigationBar written in pure javascript for cross-platform support
react-native ios android navigationConvert 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.