n-tree

What problem does it solve?

Managing and visualizing hierarchical data structures in UI requires a versatile, interactive tree component. n-tree provides a robust solution for rendering nested nodes with selection, checkboxes, drag-and-drop, async loading, searching, and efficient navigation.

Core Features & Use Cases

• Interactive tree with selection, checkable nodes, and multi-select support.
• Drag-and-drop to rearrange nodes and support for async loading of children.
• Virtual scrolling for large trees, custom key/label fields, and programmable rendering hooks.
• Common use cases include file explorers, org charts, category selectors, and structured navigation menus.

Quick Start

Create a basic tree with a few nodes, enable selection and drag-and-drop, and observe how it handles expansion and search.