Navegante

  • Description
  • FAQ
  • Screenshots
  • DEMO
  • Updates & Support

Take to your next step your website online navigation presently!

Navegante is essentially the most complicated CSS3 powered navigation gadget. Each navigation capability is constructed profiting from the facility and function of CSS3 options. It’s simply blazing speedy!

Responsive and device-ready with numerous choices to customise it that may be simply be a part of your initiatives.

Open and shut submenus panels in taste! Navegante uses CSS3 animations to toggle the visibility of the submenus, it has countless probabilities! It comes with a collection of animations ready-to-use and the potential of use anywhere CSS3 animation library you need.

Advanced pondering in you, whether or not you’re a skilled developer or no longer. It’s totally written in javascript ES6 and exported as UMD (for complicated builders) and likewise compiled in undeniable Javascript to make use of it like a standard jQuery plugin (for same old builders).

Navegante additionally brings you an in depth documentation to profit from its API.

Documentation | Examples | Fortify

Those are among the more than one options of Navegante, so let’s proceed studying and uncover they all!

NAVEGANTE FEATURES

  • Wonderful efficiency: All animations use the potency and pace of CSS3. Javascript information are neatly coded to spice up efficiency.
  • jQuery: Pushed by means of jQuery as a dependency. Navegante is compiled as a jQuery plugin.
  • Responsive: Totally examined and tailored to the touch gadgets. Responsive kinds and capability tailored to gadgets.
  • Topics: Mix the darkish and light-weight fundamental subject matters with the opposite 8 theme colours or immediately use the colour subject matters. View subject matters
  • Integrated Animations: Navegante contains a longer listing of pre-built CSS3 animations waiting to make use of for your initiatives. View animations
    You’ll simply use your customized animations or use some animation library like animate.css!.
    Configure its input & go away animation independently and the length.
  • Orientation: Make a choice from horizontal (default) and vertical orientations. Wanted kinds and functionalities are waiting to make it paintings.
  • Submenus: Keep an eye on the kind of submenu panel you need to make use of. Default panels, Mega panels (fullwidth) and personally managed widths. Assign personally choices to each and every submenu!
  • Tabs: Integrated tabs module incorporated to make use of within your submenu panels. Endless nesting tabs ranges. Keep an eye on mouse occasions triggers between hover and click on (additionally ready to appropriately paintings in gadgets).
  • In my opinion: Employ HTML knowledge attributes to assign personally functionalities to each and every submenu. Replace occasions, positions, aniimations and a lot more!
  • Place: Make a selection the submenus positions globally simply atmosphere an choice or assign it personally to each and every submenu. A couple of positions to make a choice: height, backside, left, appropriate, bottom-left, top-right…
  • Mouse/Contact occasions: Transfer between click on and hover occasions to cause the submenus. Was contact occasions when responsive.
  • A couple of: Create more than one unbiased cases at the identical web page.
  • Complete CSS Keep an eye on: Navegante comes with a more than one CSS state categories to help you regulate each nav state. View state categories
  • UMD: Exported in Common Module Definition. You’ll simply import it in some ways: jQuery plugin, AMD, CommonJS and Browser international (from window)
  • Customizable: Totally customizable with numerous choices, subject matters, animations…
  • API: It comes with numerous strategies, occasions and houses to make it complete operative. View API
  • Occasions: Integrated occasions bindings to hear each vital motion. Make a choice from jQuery occasions or Vanilla Javascript occasions. Additionally, you’ll use callback strategies within the choices object.
  • Documentation: Navegante is totally documented with explanations, code examples and interactive examples.
  • ES6: Utterly written in ECMAScript 2015 (ES6) and compiled in Vanilla Javascript.
  • Gentle weight: Compiled and minimized is set best 29kb! Best 8kb gzipped!
  • Content material: You’ll set any HTML content material within the nav. Simply put it inside of and Navegante will care for the remaining. Discover ways to insert content material.
  • Grid: Navegante brings you a integrated grid gadget to make use of along side the content material.
  • Hyperlinks: Save you some cause nav buttons to be a part of the nav and allow them to to be standard hyperlinks simply.
  • Crossbrowser: Helps for browsers from IE10 to IE Edge (dropped decrease for unsupport by means of Home windows), Google Chrome, Firefox, Opera, Safari and cellular browsers (robotically tailored for higher efficiency). Totally examined on iOS, Android and Home windows Telephone.
  • SCSS: Types created the usage of SASS preprocessor and compiled into CSS

PACKAGE SOURCES

ZIP report accommodates the next information and folders View extra:

  • Supply, compiled and minified JS
  • Supply SCSS, compiled and minified CSS
  • Documentation with more than one examples. View it on-line too

CREDITS

  • jQuery
  • Font Superior
  • Roboto font

CHANGELOG

Model 1.0.0

  • Preliminary free up
or
Shopping Cart
  • Your cart is empty.
Scroll to Top