awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

22 Repos

Awesome GitHub RepositoriesTree Views

Hierarchical components for displaying nested data structures.

Distinguishing note: No existing UI component taxonomy found in shortlist.

Explore 22 awesome GitHub repositories matching user interface & experience · Tree Views. Refine with filters or upvote what's useful.

Awesome Tree Views GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • brillout/awesome-react-componentsAvatar von brillout

    brillout/awesome-react-components

    47,788Auf GitHub ansehen↗

    This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

    Visualizes hierarchical data in expandable tree structures.

    awesomeawesome-listreact
    Auf GitHub ansehen↗47,788
  • textualize/textualAvatar von Textualize

    Textualize/textual

    36,285Auf GitHub ansehen↗

    This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

    Show hierarchical data in a focusable tree widget that supports expanding, collapsing, and selecting nodes through keyboard navigation.

    Pythoncliframeworkpython
    Auf GitHub ansehen↗36,285
  • mantinedev/mantineAvatar von mantinedev

    mantinedev/mantine

    31,263Auf GitHub ansehen↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Supports selection from hierarchical tree data with cascading and indeterminate state management.

    TypeScriptdark-modedark-themehooks
    Auf GitHub ansehen↗31,263
  • element-plus/element-plusAvatar von element-plus

    element-plus/element-plus

    27,531Auf GitHub ansehen↗

    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

    Implements a hierarchical data display featuring deep checking, lazy loading, and drag-and-drop node operations.

    TypeScriptcomponent-libraryelement-pluselement-ui
    Auf GitHub ansehen↗27,531
  • tusen-ai/naive-uiAvatar von tusen-ai

    tusen-ai/naive-ui

    18,381Auf GitHub ansehen↗

    Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

    Implements a hierarchical data display featuring checkboxes, drag-and-drop reordering, and virtual scrolling.

    TypeScriptcomponent-libraryui-componentsvue
    Auf GitHub ansehen↗18,381
  • yaronn/blessed-contribAvatar von yaronn

    yaronn/blessed-contrib

    15,745Auf GitHub ansehen↗

    blessed-contrib is a terminal user interface framework and a Node.js console widget library designed for building data-driven command line interfaces. It serves as an ASCII data visualization toolkit and a dashboard framework for organizing grid-based layouts and interactive elements within a console. The project provides a collection of reusable terminal components, including a command line image renderer and tools for text-based graphic rendering. It specifically enables the creation of terminal dashboards through a system for positioning multiple widgets across rows and columns and a mecha

    Provides hierarchical components for displaying nested data structures in an expandable folder-like view.

    JavaScript
    Auf GitHub ansehen↗15,745
  • rivo/tviewAvatar von rivo

    rivo/tview

    13,928Auf GitHub ansehen↗

    tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

    Includes a hierarchical tree view widget for displaying and navigating nested data structures.

    Gogolangterminal-baseduser-interface
    Auf GitHub ansehen↗13,928
  • liupan1890/aliyunpanAvatar von liupan1890

    liupan1890/aliyunpan

    11,904Auf GitHub ansehen↗

    Aliyunpan is a desktop client and cloud storage file manager designed for organizing and managing data stored on Aliyun Drive. It provides a dedicated interface for uploading, downloading, and organizing files and folders within the cloud storage environment. The application distinguishes itself through multi-account management, allowing users to log into and operate across several different cloud identities simultaneously to move data between accounts. It further integrates the Aria2 protocol to offload file transfers, enabling the movement of data directly from the cloud to remote servers o

    Displays directory structures as a hierarchical tree for faster navigation and file manipulation.

    TypeScriptaliyundrivealiyunpanxiaobaiyang
    Auf GitHub ansehen↗11,904
  • jdan/98.cssAvatar von jdan

    jdan/98.css

    11,110Auf GitHub ansehen↗

    98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces. The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic. The library covers a wide range of int

    Displays hierarchical data structures as indented outlines with expandable sections in a vintage style.

    CSS
    Auf GitHub ansehen↗11,110
  • microsoft/vscode-extension-samplesAvatar von microsoft

    microsoft/vscode-extension-samples

    10,099Auf GitHub ansehen↗

    This repository contains a collection of code examples that demonstrate how to build extensions for Visual Studio Code using its extension API. The samples cover the core patterns for extending the editor, including implementing code actions, completions, snippets, and semantic token highlighting. The examples show how to integrate a language server to provide diagnostics, completions, and hover information, as well as how to register a source control provider with file status and commit operations. Custom task types that run shell commands or scripts are also demonstrated, along with virtual

    Show a hierarchical data tree in the sidebar using a data provider and a view container.

    TypeScript
    Auf GitHub ansehen↗10,099
  • primefaces/primereactAvatar von primefaces

    primefaces/primereact

    8,323Auf GitHub ansehen↗

    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

    Implements tree and tree-table components to render nested hierarchical data relationships.

    CSS
    Auf GitHub ansehen↗8,323
  • layui/layerAvatar von layui

    layui/layer

    8,196Auf GitHub ansehen↗

    This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

    Renders hierarchical data structures with support for infinite nesting and connection lines.

    JavaScriptalertconfirmdialog
    Auf GitHub ansehen↗8,196
  • proxymanapp/proxymanAvatar von ProxymanApp

    ProxymanApp/Proxyman

    6,858Auf GitHub ansehen↗

    Proxyman is a cross-platform HTTP debugging proxy that captures, inspects, and modifies HTTP, HTTPS, and WebSocket traffic. It functions as a man-in-the-middle proxy, decrypting SSL/TLS traffic to allow real-time inspection and modification of encrypted requests and responses. The tool is designed for debugging web and mobile applications, with capabilities for API mocking and simulation, scriptable traffic modification, and team collaboration on network logs. What distinguishes Proxyman is its deep integration with mobile and cross-platform development workflows. It provides automated certif

    Renders JSON bodies as expandable, collapsible tree structures for visual inspection.

    debugging-tooliosmacos
    Auf GitHub ansehen↗6,858
  • mui/mui-xAvatar von mui

    mui/mui-x

    5,791Auf GitHub ansehen↗

    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

    Ships a tree view component for navigating and editing hierarchical data with drag-and-drop.

    TypeScriptchartsdata-griddatatable
    Auf GitHub ansehen↗5,791
  • linebender/xilemAvatar von linebender

    linebender/xilem

    5,415Auf GitHub ansehen↗

    Xilem ist ein natives UI-Framework für die Programmiersprache Rust. Es bietet einen reaktiven View-Tree, der den Anwendungszustand mit der Benutzeroberfläche verknüpft, um Updates bei Datenänderungen zu automatisieren. Das Framework enthält eine GPU-beschleunigte 2D-Grafik-Engine und eine dedizierte Text-Layout-Engine für komplexe Typografie und performantes Rendering. Es wurde als barrierefreies UI-Framework konzipiert, mit integrierter Unterstützung für System-Accessibility-Dienste und Screenreader. Das System nutzt eine Retained-Mode-Architektur mit einer Grafik-Pipeline, die Zeichenbefehle in hardwarebeschleunigte Shader und Buffer übersetzt. Es verwaltet plattformübergreifendes natives Rendering und die Synchronisation des View-Tree-Zustands, um die Struktur der Benutzeroberfläche konsistent zu halten.

    Links application state to a lightweight view tree to automatically update the interface upon data changes.

    Rust
    Auf GitHub ansehen↗5,415
  • frontend-collective/react-sortable-treeAvatar von frontend-collective

    frontend-collective/react-sortable-tree

    4,971Auf GitHub ansehen↗

    Dieses Projekt ist eine React-Drag-and-Drop-Baumkomponente und ein Utility zur Verwaltung von Baumdaten, das zum Rendern verschachtelter hierarchischer Daten verwendet wird. Es bietet eine sortierbare hierarchische Liste, die es Benutzern ermöglicht, Eltern-Kind-Beziehungen zu verwalten und komplexe Baumstrukturen zu visualisieren. Die Komponente ermöglicht interaktive Baum-Umstrukturierungen, bei denen Benutzer die Hierarchie durch Drag-and-Drop von Knoten neu organisieren können, um deren Eltern oder Reihenfolge zu ändern. Sie unterstützt das Verschieben oder Kopieren von Knoten zwischen verschiedenen Bauminstanzen und bietet Kontrollen, um Bewegungsbeschränkungen basierend auf benutzerdefinierter Logik oder Tiefenlimits durchzusetzen. Das Tool enthält Funktionen für die hierarchische Datenvisualisierung, wie das Suchen und Hervorheben spezifischer Knoten bei gleichzeitigem automatischen Aufklappen der Elternpfade. Es bietet zudem Utilities für die Datenverarbeitung, einschließlich der Konvertierung flacher Daten-Arrays in verschachtelte Hierarchien und umgekehrt. Benutzer können die visuelle Darstellung von Baumknoten durch benutzerdefinierte Styles oder vordefinierte Themes anpassen.

    Supports the application of pre-packaged themes or custom styles to modify the visual presentation of tree nodes.

    JavaScriptcomponentdrag-and-drophierarchical-data
    Auf GitHub ansehen↗4,971
  • gyscos/cursiveAvatar von gyscos

    gyscos/Cursive

    4,810Auf GitHub ansehen↗

    Cursive ist ein plattformübergreifendes Terminal-UI-Toolkit und Framework für die Erstellung interaktiver Anwendungen in Rust. Es bietet ein modulares System für die Erstellung textbasierter grafischer Oberflächen und nutzt eine dedizierte Engine zur Verwaltung der Haupt-Display-Schleife und View-Hierarchien. Das Toolkit verfügt über eine Backend-agnostische Abstraktionsschicht, um konsistentes Rendering und Input-Handling über verschiedene Betriebssysteme hinweg zu gewährleisten. Es zeichnet sich durch eine palettenbasierte Theme-Engine aus, die das Laden von Themes zur Laufzeit und True-Color-Rendering unterstützt, sowie durch die Fähigkeit, Benutzeroberflächen-Hierarchien direkt aus Konfigurationsdateien zu generieren. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich komplexem Layout-Management mit Split-Panels und Tabs sowie einer Vielzahl interaktiver Komponenten wie modalen Dialogen, Fortschrittsanzeigen und auswählbaren Listen. Es unterstützt das Rendering reichhaltiger Inhalte für Bilder und Syntax-Highlighting und verwendet ein Fokus-Zyklus-Ereignis-Routing-System, um Tastaturnavigation und globale Callbacks zu verwalten. Das Zustandsmanagement wird durch asynchrone UI-Updates und identifikatorbasierten Zugriff gehandhabt, was es Entwicklern ermöglicht, spezifische Views dynamisch aus Hintergrundaufgaben heraus zu modifizieren.

    Allows the generation of user interface hierarchies directly from configuration files using instantiation parameters.

    Rust
    Auf GitHub ansehen↗4,810
  • datlechin/tableproAvatar von datlechin

    datlechin/TablePro

    4,471Auf GitHub ansehen↗

    TablePro is a cross-platform database management client designed for browsing, querying, and administering both SQL and NoSQL databases. It functions as a unified workspace that integrates a code-centric SQL editor with schema visualization tools, allowing developers to manage complex data models and execute queries across diverse database engines. The application distinguishes itself through an agentic AI integration layer that connects language models directly to database tools, enabling automated query generation, optimization, and error fixing with configurable approval gates. It features

    Displays JSON cell values in text or tree view modes and provides a pop-out window for managing large payloads.

    Swift
    Auf GitHub ansehen↗4,471
  • callumlocke/json-formatterAvatar von callumlocke

    callumlocke/json-formatter

    4,118Auf GitHub ansehen↗

    Dieses Projekt ist ein webbasierter JSON-Formatter und Visualisierer für strukturelles Debugging und Datenexploration. Es transformiert rohe JSON-Strings in eine lesbare Baumstruktur mit Syntax-Highlighting, Einrückungshilfslinien und auf-/zuklappbaren Knoten. Das Tool bietet einen Datenvisualisierer für den Vergleich roher Server-Responses mit geparsten Repräsentationen. Es enthält zudem einen Konsolen-Exporter, der geparste JSON-Daten als globale Variable zur sofortigen Inspektion und Manipulation an die Browser-Entwicklerkonsole sendet. Das System deckt API-Response-Inspektion und JSON-Strukturanalyse ab, wodurch Benutzer zwischen rohem Text und formatierten Ansichten umschalten können, um komplexe verschachtelte Daten zu verifizieren.

    Renders raw JSON data as an interactive, collapsible tree structure with syntax highlighting.

    TypeScript
    Auf GitHub ansehen↗4,118
  • chanda-abdul/several-coding-patterns-for-solving-data-structures-and-algorithms-problems-during-interviewsAvatar von Chanda-Abdul

    Chanda-Abdul/Several-Coding-Patterns-for-Solving-Data-Structures-and-Algorithms-Problems-during-Interviews

    4,129Auf GitHub ansehen↗

    This repository is a curated guide and implementation library of coding patterns used to solve data structures and algorithms problems. It serves as a technical interview study resource, providing a comprehensive set of strategies and computational logic examples for optimizing time and space complexity. The project focuses on standardized algorithmic patterns, including sliding windows, two pointers, and dynamic programming. It features specific implementations for a wide range of challenges, such as LeetCode problem solutions and specialized techniques like cyclic sort and bitwise XOR opera

    Extracts the first or last node of every level to capture the tree's visual profile.

    algorithmscoding-interviewsdata-structures
    Auf GitHub ansehen↗4,129
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Tree Views

Unter-Tags erkunden

  • Appearance CustomizationsAdapting the visual style and behavior of tree view components to match brand design systems. **Distinct from Tree Views:** Distinct from Tree Views: focuses on visual theming and style overrides, not the core hierarchical display capability.
  • Dynamic Data SourcesPopulating tree views from external data sources with support for larger datasets and advanced features. **Distinct from Tree Views:** Distinct from Tree Views: focuses on data-driven population from external sources, not the static JSX-based tree definition.
  • JSON1 Sub-TagRenders JSON bodies as expandable, collapsible tree structures with configurable visible columns. **Distinct from Tree Views:** Distinct from Tree Views: specifically renders JSON data in a tree, not general hierarchical data.
  • Reactive View Trees1 Sub-TagStructural representations of a UI that automatically synchronize with application state. **Distinct from Tree Views:** Focuses on the reactive synchronization mechanism of the tree, not just the hierarchical display of data.
  • Tree View State AnnouncementsAnnouncements of expanded, collapsed, and selected states in tree views to screen readers. **Distinct from Tree Views:** Distinct from Tree Views: focuses specifically on accessibility state announcements, not general tree view rendering.
  • VirtualizedTree views that render only visible nodes to maintain performance with large hierarchical datasets. **Distinct from Tree Views:** Distinct from Tree Views: adds virtualization for performance with large trees, not just general tree rendering.
  • Visual Profile ExtractionsAlgorithms for isolating nodes that form the left or right exterior views of a tree. **Distinct from Tree Views:** Focuses on the algorithmic extraction of nodes for view representation rather than the UI component used to display them.