10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials
  • YUI TreeView Control | Demo
    YUI TreeView Control
    Personally, I think Yahoo UI is very robust, but it's can be too complicated for beginner to pick it up. However, it does come with a lot of useful control that we might have spend few hours or days to implement it.
  • Bassistance jQuery TreeView Plugin | Demo
    Bassistance jQuery TreeView Plugin
    Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
  • jQuery File Tree | Demo
    jQuery File Tree
    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
  • jsTree | Demo
    jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin. jsTree is absolutely free (licensed same as jQuery – under both GPL and MIT – whichever suits your needs).
  • Sitemap Styler | Demo
    Sitemap Styler
    Sitemap Syler is a little CSS/JavaScript piece of code that can be easily applied to your sitemap list. It then takes care of it's presentation. All you have to do is include couple lines of code. It doesn't require any JavaScript knowledge but some CSS knowledge would come in handy if you want to modify the appearance of your sitemap.
  • mooTree | Demo
    An open-source javascript tree-control for use with the MooTools javascript framework.
  • SimpleTree Plugin | Demo
    SimpleTree Plugin
    jQuery SimpleTree Drag&Drop plugin is intended for displaying tree structures.


So, you want to learn how to make one for yourself? Check the following links out, I believe they can help you.

Thanks for your support. :)

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love


Thu, 19th November 2009
Yay thx for the listing.

I use the \"simpleTree\" so far but I think I will try now some other.

Banana Reply
JavaScript Countdown Timer
Fri, 20th November 2009
very cool & good post, thank you very much for sharing.

Can I <a href=\"http://www.javascriptbank.com/submit/\">share this post</a> on my JavaScript library?

Awaiting your response. Thank Reply
Wed, 25th November 2009
thank you great Plugins I will use it .

Sun, 17th January 2010
thanks Reply
Sun, 14th November 2010
very nice .... I'll try it Reply
Tue, 22nd February 2011
excellent! thank you very much! Reply
Thu, 10th March 2011
Does it require any kind of plugin at browser (at user level)? Reply
Kevin Liew Admin
Thu, 10th March 2011
nope, what you probably need is javascript framework. Most of the plugins should have installation note. Reply
Tue, 22nd March 2011
Here is one more robust JavaScript treeview for your list - dhtmlxTree:

Thu, 20th September 2012
Thx! Reply
Sun, 13th November 2011
How can i use these plugins in wordpress? Reply
Ane Viser
Mon, 12th March 2012
internetten para kazan
Sat, 1st December 2012
thanks Reply
Sun, 24th March 2013
Thanks for the Sitemap Syler. I have implemented on our site - http://www.bapustarda-kalsel.go.id/peta-situs Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!