awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Tree view component

Ranking updated Jul 2, 2026

For a reusable tree view component for web, the strongest matches are frontend-collective/react-sortable-tree (This is a React drag-and-drop tree component for rendering), mui/mui-x (MUI X includes a tree view component as part) and vakata/jstree (jstree is a jQuery-powered tree view component that directly). mar10/fancytree and primefaces/primereact round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Explore the best open-source tree view components for your project. Compare top-rated GitHub repositories by activity and features to find the best fit.

Tree view component

Find the best repos with AI.We'll search the best matching repositories with AI.
  • frontend-collective/react-sortable-treefrontend-collective avatar

    frontend-collective/react-sortable-tree

    4,971View on GitHub↗

    This project is a React drag-and-drop tree component and tree data management utility used for rendering nested hierarchical data. It provides a sortable hierarchical list that allows users to manage parent-child relationships and visualize complex tree structures. The component enables interactive tree restructuring, where users can reorganize the hierarchy by dragging and dropping nodes to change their parent or sequence. It supports moving or copying nodes between different tree instances and provides controls to enforce movement restrictions based on custom logic or depth limits. The too

    This is a React drag-and-drop tree component for rendering and restructuring hierarchical data, which directly fits the need for a reusable tree view UI component, though it focuses on sorting and may not include checkbox support or lazy loading out of the box.

    JavaScriptTree Reordering ComponentsTree Node Reorderers
    View on GitHub↗4,971
  • mui/mui-xmui avatar

    mui/mui-x

    5,791View on GitHub↗

    MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

    MUI X includes a tree view component as part of its advanced React UI library, built with accessibility and keyboard navigation, directly matching the need for a reusable hierarchical data component.

    TypeScriptKeyboard NavigationTree Node ReorderersTree View ARIA Patterns
    View on GitHub↗5,791
  • vakata/jstreevakata avatar

    vakata/jstree

    5,186View on GitHub↗

    jstree is a jQuery tree view plugin used to render interactive hierarchical data structures. It functions as a hierarchical data visualizer and manager, providing tools to display nested relationships through tree layouts. The project features a drag-and-drop tree manager for restructuring hierarchies and an AJAX tree loader for fetching nodes or HTML fragments from remote servers. It includes a tri-state checkbox selector to manage selection states across parent and child branches. The plugin supports various data modeling approaches, including child arrays, parent-id adjacency lists, and t

    jstree is a jQuery-powered tree view component that directly delivers expand/collapse, checkbox tri-state selection, drag-and-drop reordering, AJAX lazy loading, and keyboard navigation, covering essentially every feature you asked for in a reusable hierarchical UI widget.

    JavaScriptMaster Checkboxes
    View on GitHub↗5,186
  • mar10/fancytreemar10 avatar

    mar10/fancytree

    2,961View on GitHub↗

    Fancytree is a JavaScript library designed for rendering and managing interactive, hierarchical data structures within web interfaces. It provides a framework for displaying complex nested information as tree views or grids, supporting both standard tree navigation and tabular data layouts. The library distinguishes itself through a modular plugin architecture that allows developers to inject custom behaviors and visual elements into the component lifecycle. It handles large datasets by implementing on-demand lazy loading, which fetches child nodes only when required to maintain responsivenes

    FancyTree is a full-featured JavaScript tree view plugin that natively supports expand/collapse, checkboxes, drag-and-drop, lazy loading, keyboard navigation, and custom node rendering, making it a direct fit for a reusable hierarchical data component.

    JavaScriptTree View ComponentsData View RenderersHierarchical Node Lazy Loadings
    View on GitHub↗2,961
  • primefaces/primereactprimefaces avatar

    primefaces/primereact

    8,323View on GitHub↗

    PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

    PrimeReact is a UI component library for React that includes a feature-rich tree view component with keyboard navigation, theming, and likely supports expand/collapse and lazy loading, making it a good fit for building hierarchical data interfaces in a React application.

    CSSReact ComponentsReact DevelopmentAccessible Component Suites
    View on GitHub↗8,323
  • element-plus/element-pluselement-plus avatar

    element-plus/element-plus

    27,531View on GitHub↗

    Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces. The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards. The library covers a wide range of capability areas, including high-perfo

    Element Plus is a Vue.js 3 UI component library that includes a fully-featured Tree component supporting expand/collapse, checkbox selection, drag-and-drop, lazy loading, keyboard navigation, and customizable rendering, making it a solid fit for building hierarchical data views in web applications.

    TypeScriptDesign SystemsVue DevelopmentApplication Themes
    View on GitHub↗27,531
  • react-component/treereact-component avatar

    react-component/tree

    1,272View on GitHub↗

    This library provides a React component for rendering interactive hierarchical data structures. It is designed to visualize nested information through recursive composition, allowing users to navigate deep data hierarchies by expanding and collapsing branches. The component distinguishes itself by integrating drag-and-drop functionality, enabling users to reorganize nodes directly within the interface. It also supports asynchronous data loading, which fetches child branches on demand to manage remote or deep datasets efficiently. The library includes performance optimizations for large datas

    react-component/tree is a React tree component that provides a reusable UI for hierarchical data, directly matching the search for a tree view component, though its feature set (beyond basic expand/collapse) is not confirmed from the brief description.

    TypeScriptReact Tree ComponentsHierarchical Data DisplaysRecursive Components
    View on GitHub↗1,272
  • excubo-ag/blazor.treeviewsexcubo-ag avatar

    excubo-ag/Blazor.TreeViews

    75View on GitHub↗

    Excubo.Blazor.TreeViews is a native-Blazor tree-view component.

    This Blazor tree-view component is exactly the kind of reusable tree view UI component you are looking for, though it is specific to the .NET ecosystem rather than JavaScript/TypeScript and the presence of advanced features like drag-and-drop and lazy loading is not evidenced.

    HTMLUI Components
    View on GitHub↗75
  • rsuite/rsuitersuite avatar

    rsuite/rsuite

    8,701View on GitHub↗

    rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It functions as a themable component suite and localized UI toolkit, providing the necessary tools for developing data-heavy administrative dashboards and internal applications. The library is distinguished by its built-in support for server-side rendering to improve initial page load speeds and search engine visibility. It includes a global provider for managing consistent visual styles and high-contrast modes, alongside a translation layer for interface localization and date format

    rsuite is a React UI component library that includes hierarchical data components (as indicated by its tags), so it can likely provide a tree view UI component, but its description does not confirm support for the specific features like drag-and-drop or lazy loading.

    TypeScriptEnterprise Component SystemsReact DevelopmentAdministrative Interface Design
    View on GitHub↗8,701
  • prevwong/craft.jsprevwong avatar

    prevwong/craft.js

    8,683View on GitHub↗

    Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

    Craft.js is a framework for building drag-and-drop page editors, not a reusable tree view component—it manages editor layouts via a node tree but does not provide the hierarchical-display widget, checkbox support, or lazy loading you need for a general tree view.

    TypeScriptRendering OverridesLayer Tree Expanders
    View on GitHub↗8,683
  • atlas-engineer/nyxtatlas-engineer avatar

    atlas-engineer/nyxt

    10,949View on GitHub↗

    Nyxt is a keyboard-driven web browser built on a programmable Common Lisp architecture. It is designed for users who require a highly extensible environment where core behaviors and internal functions can be modified during active sessions. By prioritizing keyboard navigation and a command-based interface, the browser facilitates efficient interaction with web content and system functions. The browser distinguishes itself through a non-linear, tree-structured history graph that preserves the context of navigation paths, allowing users to explore past visits without losing their current place.

    Nyxt is a full web browser with a tree-structured history graph, not a reusable tree view UI component you can embed in your own web application.

    Common LispKeyboard Navigation
    View on GitHub↗10,949
  • reach/reach-uireach avatar

    reach/reach-ui

    5,977View on GitHub↗

    Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as

    Reach UI is a general accessible React component library, but it does not include a dedicated tree view component with expand/collapse, checkbox support, or drag-and-drop reordering, so it only partially fits the need for a hierarchical data component.

    TypeScriptKeyboard Navigation
    View on GitHub↗5,977
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
frontend-collective/react-sortable-tree5KJavaScriptMITFeb 3, 2026
mui/mui-x5.8KTypeScript—Jun 23, 2026
vakata/jstree5.2KJavaScriptMITSep 3, 2024
mar10/fancytree3KJavaScriptNOASSERTIONJun 19, 2026
primefaces/primereact8.3KCSSMITJun 5, 2026
element-plus/element-plus27.5KTypeScriptMITJun 16, 2026
react-component/tree1.3KTypeScriptMITJun 13, 2026
excubo-ag/blazor.treeviews75HTMLMITMay 31, 2026
rsuite/rsuite8.7KTypeScriptMITJun 12, 2026
prevwong/craft.js8.7KTypeScriptMITFeb 14, 2025

Related searches

  • an open source hierarchical task manager
  • Data grid component
  • a javascript library for drag and drop
  • Tree traversal library
  • an open source browser tab manager
  • UI framework bindings
  • Context menu library
  • HTTP web server