awesome-repositories.com
Blog
awesome-repositories.com

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

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
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

Related searches

  • an open source hierarchical task manager
  • a javascript library for drag and drop
  • an open source browser tab manager
  • Graph visualization library
  • a headless CMS for managing website content
  • an outliner for nested notes
  • an open source library for mapping applications
  • a library for rendering interactive data visualizations