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 scrollThe 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 sidenavStickybits 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 fixedheaderWith more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.
bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltipIf this project has helped you out, please support it with a star 🌟. uiv is a Bootstrap 3 component lib implemented by Vue 2.
bootstrap vuejs ui web vue vuejs2 vue2 component-library ui-components bootstrap3 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-selectuiv 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-selectI 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 appReact 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 routerThe 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 responsivehfill 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 ponyfillA 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-libraryNavigation 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 navigationA 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 tabA 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 jsPatrolJS 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 navigationDescription: 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 menuSimplified bootstrap tabs
vue-tabs vuejs vuejs2 vue-components nav tabs nav-componentA 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 treeIonic integration adapters for Vue. A quick introduction of the minimal setup you need to get a hello world up & running.
vue vuejs vue-router ionic ionic4 ion typescript router routing plugin component navigation nav transition api wrapper framework delegate
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.