30 Best Tree View Plugins For jQuery

by jQueryScript,

The tree view is a web ui component that provides a hierarchical view of the lists, folders, files, libraries that allow the user to expand and collapse nodes by click.

In this blog post, you will see a list of 30 best jQuery plugins that make it easier to generate the tree view in your web applications. Have fun.

30 Best jQuery Tree View Plugins:

Nice Tree View Plugin with jQuery and Bootstrap 3 - Easy Tree

Easy Tree is a nice & powerful tree view plugin for jQuery and Bootstrap 3 that allows to select, add, edit or remove items/nodes to build your own tree view structure.

https://www.jqueryscript.net/layout/Nice-Tree-View-Plugin-with-jQuery-Bootstrap-3-Easy-Tree.html

[Demo] [Download]


jQuery and jQuery UI Dynamic Tree View Plugin - Fancytree

Fancy Tree is a plugin for jQuery and jQuery UI that allows to create dynamic tree view controls with support for persistence, keyboard, checkboxes, drag and drop, and lazy loading.

https://www.jqueryscript.net/layout/jQuery-jQuery-UI-Dynamic-Tree-View-Plugin-Fancytree.html

[Demo] [Download]


Nice File Tree View Plugin with jQuery and Bootstrap - File Tree

File Tree is a small jQuery plugin that helps you build a nice clean, sortable and selectable file tree structure from a JSON object.

https://www.jqueryscript.net/other/Nice-File-Tree-View-Plugin-with-jQuery-Bootstrap-File-Tree.html

[Demo] [Download]


jQuery Plugin For Displaying A Tree Of Data In A Table - treetable

treetable is a lightweight jquery plugin that allows you to display a tree of data in an HTML table that's good for creating a directory structure or a nested list.

https://www.jqueryscript.net/table/jQuery-Plugin-For-Displaying-A-Tree-Of-Data-In-A-Table-treetable.html

[Demo] [Download]


Animated Tree View Plugin For jQuery and Bootstrap 3 - MultiNestedLists

MultiNestedLists is a jQuery plugin to create an animated & nice looking tree view structure using Bootstrap and nested Html lists.

https://www.jqueryscript.net/layout/Animated-Tree-View-Plugin-For-jQuery-Bootstrap-3-MultiNestedLists.html

[Demo] [Download]


Simple jQuery Plugin For Checkbox Tree View - Checktree

Checktree is a lightweight and simple jQuery plugin for creating a hierarchical list of check boxes.

https://www.jqueryscript.net/form/Simple-jQuery-Plugin-For-Checkbox-Tree-View-Checktree.html

[Demo] [Download]


jQuery Plugin For Multi-Selectable Tree Structure - Tree Multiselect

Tree Multiselect is a jQuery plugin that convert a multiple select box into a collapsible tree view with checkboxes for easy option selection.

https://www.jqueryscript.net/form/jQuery-Plugin-For-Multi-Selectable-Tree-Structure-Tree-Multiselect.html

[Demo] [Download]


Simple and Flexible jQuery Tree Grid Plugin - TreeGrid

TreeGrid is a lightweight and flexible jQuery plugin to create a tree grid component that renders hierarchical, nested and flat data in a table.

https://www.jqueryscript.net/layout/Simple-Flexible-jQuery-Tree-Grid-Plugin-TreeGrid.html

[Demo] [Download]


Dynamic Tree View Plugin With jQuery And Bootstrap

A jQuery treeview plugin that helps you render a dynamic, checkable, filterable, collapsible, vertical hierarchical tree from a JSON schema.

https://www.jqueryscript.net/other/Dynamic-Tree-View-Plugin-jQuery-Bootstrap.html

[Demo] [Download]


Collapsible Tree Menu Plugin with jQuery and CSS3 - Nxeed Tree Menu

Nxeed Tree Menu is a simple jQuery plugin to create an accordion-style vertical tree menu that is collapsible and expandable with smooth sliding effects.

https://www.jqueryscript.net/menu/Collapsible-Tree-Menu-Plugin-with-jQuery-CSS3-Nxeed-Tree-Menu.html

[Demo] [Download]


Powerful and Multi-Functional jQuery Folder Tree Plugin - zTree

zTree is a powerful and fast jQuery 'Tree' Plugin for creating Multi-functional Folder Trees with excellent performance and flexible configurations.

https://www.jqueryscript.net/layout/Powerful-Multi-Functional-jQuery-Folder-Tree-Plugin-zTree.html

[Demo] [Download]


Filterable Tree View Plugin with jQuery - Tree Filter

Tree Filter is a lightweight jQuery plugin that takes a big nested list and transform it into an expandable folder tree structure with live search.

https://www.jqueryscript.net/layout/Filterable-Tree-View-Plugin-with-jQuery-Tree-Filter.html

[Demo] [Download]


jQuery Plugin To Create Checkbox Tree View - highchecktree

highchecktree is a jQuery plugin for making a collapsible checkbox tree that allows three check states.

https://www.jqueryscript.net/other/jQuery-Plugin-To-Create-Checkbox-Tree-View-highchecktree.html

[Demo] [Download]


jQuery Plugin for Tree Widget - jqTree

jqTree is a jQuery based Tree Widget that allows you to create folder tree from JSON data with some fancy animations.

https://www.jqueryscript.net/layout/jQuery-Plugin-for-Tree-Widget-jqTree.html

[Demo] [Download]


Lightweight Folding Menu Plugin For jQuery - treemenu.js

treemenu.js is a super light jQuery plugin that turns nested Html lists into a collapsible tree menu like the tree folder structure.

https://www.jqueryscript.net/menu/Lightweight-Folding-Menu-Plugin-For-jQuery-treemenu-js.html

[Demo] [Download]


Minimal Tree Table jQuery Plugin For Bootstrap - TreeTable

A lightweight jQuery plugin for Bootstrap that allows the user to expand and collapse hierarchical tables rows when needed.

https://www.jqueryscript.net/table/Minimal-Tree-Table-jQuery-Plugin-For-Bootstrap-TreeTable.html

[Demo] [Download]


Powerful jQuery Dynamic Tree View Plugin - dynatree

dynatree is a powerful jQuery plugin for creating dynamic tree view controls with support for persistence, keyboard, checkboxes, drag and drop, and lazy loading.

https://www.jqueryscript.net/layout/Powerful-jQuery-Dynamic-Tree-View-Plugin-dynatree.html

[Demo] [Download]


Smooth Collapsible Tree View Plugin with jQuery - TreeViewJS

TreeViewJS is a jQuery plugin that takes data from a big nested list or JSON strings and present them in a expanding and collapsing tree view.

https://www.jqueryscript.net/other/Smoot-Collapsible-Tree-View-Plugin-with-jQuery-TreeViewJS.html

[Demo] [Download]


Classic Animated Directory Tree Plugin with jQuery - dTree

dTree is a simple lightweight jQuery plugin for creating a classic fold/directory/file tree view structure with smooth CSS3 transitions.

https://www.jqueryscript.net/layout/Classic-Animated-Directory-Tree-Plugin-with-jQuery-dTree.html

[Demo] [Download]


Collapsible Tree View With Checkboxes - jQuery hummingbird-treeview

hummingbird-treeview is a jQuery plugin that transforms nested html lists into an expandable, collapsible, searchable, checkable, hierarchical tree structure.

https://www.jqueryscript.net/other/Collapsible-Tree-View-Checkboxes-jQuery-hummingbird.html

[Demo] [Download]


Dynamic Tree View Plugin For jQuery Mobile - jqm-tree

jqm-tree is a jQuery tree view widget for jQuery mobile framework that helps you create a dynamic tree structure from JSON data.

https://www.jqueryscript.net/mobile/Dynamic-Tree-View-Plugin-For-jQuery-Mobile-jqm-tree.html

[Demo] [Download]


jQuery Flat Folder Tree Plugin - simplefolders

simplefolders is a simple jQuery plugin for easily create a flat folder tree on your website and web application.

https://www.jqueryscript.net/other/jQuery-Flat-Folder-Tree-Plugin-simplefolders.html

[Demo] [Download]


Checkable And Collapsible jQuery Tree View Plugin - Treeview

Yet another jQuery plugin which converts a nested html list into an animated, collapsible tree structure with support for checkboxes and auto expanding.

https://www.jqueryscript.net/other/Checkable-Collapsible-jQuery-Tree-View-Plugin-Treeview.html

[Demo] [Download]


Lightweight File/Folder Tree Plugin with jQuery - Orange Tree

Orange Tree is a simple lightweight jQuery tree view plugin helps you create an expandable/collapsible folder/file tree structure.

https://www.jqueryscript.net/other/Lightweight-File-Folder-Tree-Plugin-with-jQuery-Orange-Tree.html

[Demo] [Download]


Tiny jQuery Tree View and Accordion List Plugin - Sapling

Sapling is a simple yet customizable jQuery plugin that turns a standard Html list into a tree view interface or an accordion list with sliding animations.

https://www.jqueryscript.net/accordion/Tiny-jQuery-Tree-View-Accordion-List-Plugin-Sapling.html

[Demo] [Download]


Super Tiny jQuery Tree View Plugin - Good Tree

Good Tree is a tiny and easy-to-use jQuery plugin for quickly and easily create a tree view user interface widget for your project.

https://www.jqueryscript.net/other/Super-Tiny-jQuery-Tree-View-Plugin-Good-Tree.html

[Demo] [Download]


Sortable and Collapsible Tree View Plugin For jQuery - Sortable Lists

A jQuery plugin that enables items in a list to be sorted vertically through drag and drop.

https://www.jqueryscript.net/other/Sortable-Collapsible-Tree-View-Plugin-For-jQuery-Sortable-Lists.html

[Demo] [Download]


Hierarchical Directory List with jQuery and Bootstrap3 - directoryTree

directoryTree.js is a jQuery plugin for displaying file paths as an interactive, hierarchical directory list (tree structure) in Bootstrap 3.

https://www.jqueryscript.net/other/Hierarchical-Directory-List-with-jQuery-Bootstrap-directoryTree.html

[Demo] [Download]


Responsive Folder Tree Plugin with jQuery - Bonsai

Bonsai is a very small (~3kb minified) jQuery plugin which turns a normal nested list into a responsive, mobile-friendly, collapsible, hierarchical folder tree.

https://www.jqueryscript.net/other/Responsive-Folder-Tree-Plugin-with-jQuery-Bonsai.html

[Demo] [Download]