A less mixin to generate pure css multi-level animated dropdown menu.

  • NLessMenu is a LESS mixin library, can be used to generate various multi-level css dropdown menus.
  • Implementing a custom menu means writing some special semantic-named mixins, designing the various parts of the menu.
  • The html markup doesn't require any classname to apply, just the usual ul-li-a menu structure.

Simple demo

The menu of this site is an NLessMenu. Play with the two controls below to turn it to different NLessMenu's.

online advanced NLessMenu demo - using less.js

online advanced NLessMenu demo - pure css

download advanced NLessMenu demo (including the library nlessmenu.less)

Detailed tutorial, example codes coming soon!