10 Magical HTML Tree Menu Resources

1. ExplrPHP - Easy Tree Navigation Menu

featured image

ExplrPHP is a simple lightbox script which provides an easy way to generate tree navigation menu in server-side from various sources of formats: usual PHP array, JSON file, XML file, or using PHP to create dynamic menu from MySQL database table.// give each instance a unique tree id

// output tree as HTML and you're done

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Node (dynamic menu made easy)

featured image

Node is a CSS3 menu examples system based on pure PHP without any framework requirement. Node comes with a control panel where you can add/edit/delete menu items as well as shift menu item’s position.The real magic thing about Node is that it gives you a tree control panel, where you can easily change your menu item’s content. It makes coding a dynamic menu in PHP from database as easy as writing a few lines in your code.You can use Node to build any kind of HTML menu generator and keep it dynamic, which means the content of the menu is always controlled by an admin page.fix menu-generator.It comes with very user friendly control panel (tree editor).Built your dynamic menu with only 4 lines coding.

More Details

4. Long Shadow Menu

featured image

Shady is a Responsive, flat long shadow CSS menu.Heavily commented HTML for easy understanding of the customization process

More Details

5. Interactive Menu with CSS3 and HTML5

featured image

Documentation in HTML.

More Details

6. Mega Menu Reloaded

featured image

This Mega Menu Reloaded comes with awesome options and is the most complete solution to build mega menus. Getting rid of them will not affect the main functionnality of the menu. Notice : the live preview doesn’t show all the options available for this menu, check the video for more examples.Menu bar scroller

100% valid HTML/CSS markup

Modified the CSS to make the menu more responsive

Added an option to hide the CSS menu bar icon on page load

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.Joshua Tree (#90600)

More Details

7. Metro Style CSS3 Menu

featured image

Metro Style CSS3 Menu

A Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file.

More Details

8. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega HTML5 navigation menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file.

More Details

9. Narsis CSS3 Glassy Menu

featured image

Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.This item contain 230 Different html demo file !

We use FontAwesome for icons so you can use more than 360 icons for your menu.

More Details

10. MOBILE.NAV - Responsive menu plugin

featured image

NAV – The easy to use mobile and responsive navigation menu plugin for Wordpress

• Integrates with wordpress menu PHP code system

• Supports expanding menu tree (from dropdown CSS menu system)

• Installs under Wordpress standard «Settings» menu

More Details

11. niceTree - JQuery Tree Plugin

featured image

Get rid of that ugly tree menu on your site with niceTree. niceTree will take your HTML and turn it into a JavaScript navigation collapsible menu system with unlimited menus within menus.AJAX CONTENT - It’s simple to setup loading the menu items via ajax into a content ID on your page.COOKIES - Choose to enable cookies on the menu and the user’s state of which menus were open and closed will be saved.EASY HTML - The HTML is easy to setup. All it takes is a few classes and IDs to do things like open a menu on page load.MULTIPLE TREE SUPPORT - You can use multiple trees in a single page.

More Details