22 Repos
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.