JavaScript & CSS Tree View

A Tree View (also known as a hierarchical list) is a UI component that displays data in a nested structure, allowing users to expand and collapse folders or categories.

In this page, you will find a collection of 30+ free Tree View libraries implemented in Vanilla JavaScript and pure CSS. They are perfect for file managers, sitemaps, and nested navigation menus.

💡 Not sure which one to choose?

If you are looking for the most popular and reliable solutions, check out our curated guide: 10 Best Tree View Libraries

Interactive Tree View In Vanilla JavaScript – vanillatree

Category: Javascript | May 30, 2018

1 Comment

vanillatree is a simple, collapsible interactive tree view component with context menu support, implemented in vanilla JavaScript.

Demo Download

Dynamic Tree Creator With JavaScript – treeCreater.js

Category: Javascript | April 25, 2018

0 Comment

treeCreater.js is a really simple JavaScript library to dynamically render a list based hierarchical tree structure from an array of data objects.

Demo Download

Filterable Folder Tree In Pure JavaScript

Category: Javascript | July 31, 2016

0 Comment

Filterable Folder Tree In Pure JavaScript

A pure JavaScript implementation of a folder / directory tree control that allows to filter child nodes on client side.

Demo Download

Pure Javascript TreeView Component – aimaraJS

Category: Javascript | September 1, 2015

0 Comment

aimaraJS is a JavaScript library for rendering an editable, expandable, collapsible tree structure that features custom events, context menu and node icons.

Demo Download