21 Repos
Interactive tabular components for displaying and editing structured data.
Distinguishing note: No existing UI component taxonomy found in shortlist.
Explore 21 awesome GitHub repositories matching user interface & experience · Data Grids. 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
Provides editable spreadsheet-like interfaces for data management.
Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou
Provides a grid layout for presenting detailed information by pairing titles with content.
Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co
Renders monospaced character grids optimized for text editors and terminal-style interfaces.
Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures. The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar
Provides a high-performance, interactive JavaScript data grid with a spreadsheet-like interface.
This project is a modular, open-source customer relationship management platform built on the Laravel framework. It serves as a comprehensive business application framework designed for tracking sales pipelines, managing business entities, and automating marketing workflows. By providing a self-hosted solution, it enables organizations to maintain full control over their contact data, sales leads, and communication history. The platform distinguishes itself through a highly extensible architecture that allows developers to modify core behavior without altering the underlying source code. It u
Provides namespaced data grid components to prevent request parameter conflicts on single-page interfaces.
AG Grid is a JavaScript data grid library designed for rendering and manipulating large datasets within web applications. It functions as a comprehensive toolset for building interactive tables that support complex data visualization, enabling the display of massive volumes of information while maintaining responsive user interactions. The library distinguishes itself through a column-oriented layout engine and a plugin-based architecture that allows for modular extensions. It utilizes a cell-based component lifecycle and an expression-based evaluation engine to manage data updates and format
A high-performance JavaScript component for rendering large datasets in interactive tables with complex sorting and filtering.
x-spreadsheet is an HTML5 canvas spreadsheet component and web-based data grid designed for high-performance data display and cell manipulation. It serves as an interactive web component that allows users to manage structured data within a browser-based interface. The project includes an XLSX file serializer that imports and exports spreadsheet state using binary XML formats compatible with Excel. It also features a locale-aware UI framework that translates interface labels and date formats through configurable language objects. The component covers a broad range of capabilities including fo
Ships an interactive tabular interface supporting real-time editing and row-column manipulation.
Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
Renders structured information using a hierarchical tree grid with expandable and collapsible parent-child relationships.
Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter
Provides a high-performance tabular data display supporting infinite scrolling and customizable data sources.
vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset. The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging. The library covers
Provides interactive tabular components with built-in sorting, filtering, and resizable columns.
Bubbles is a terminal user interface toolkit and component library providing a set of pre-built, reusable widgets for creating interactive command-line applications. It functions as a framework for building complex tools that require real-time updates and keyboard navigation. The library includes a variety of specialized interface elements such as fuzzy-filterable item lists, single-line and multi-line text inputs, and tabular data grids. It also provides visual feedback components including animated loading spinners, progress meters, countdown timers, and stopwatches. Additional capabilitie
Ships an interactive tabular data grid for displaying and navigating structured data in the terminal.
react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React application. It functions as a virtualized data table and editable spreadsheet component that supports hierarchical data grids with expandable and collapsible row groupings. The component maintains performance with massive datasets by rendering only the rows and columns currently visible in the viewport. It provides spreadsheet-like data manipulation, including cell editing and the ability to copy, paste, or drag values between cells. The grid supports advanced layout capabili
Provides a high-performance interactive tabular component for rendering and manipulating large datasets in React.
dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets. The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na
Provides interactive tabular components for displaying and editing structured data using custom HTML templates.
This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ
Provides a full-featured interactive tabular component for displaying and editing structured data.
H3 is an open-source library that provides a hierarchical hexagonal grid system for geospatial indexing. It projects the Earth onto an icosahedron and tiles each face with hexagons to minimize distortion, then encodes each hexagon as a 64-bit integer that stores its resolution and position in the hierarchy. This integer encoding enables fast bitwise operations for grid navigation and spatial analysis. The library offers a comprehensive set of grid topology algorithms for computing neighbor relationships, distances, and paths between cells directly on the hexagonal grid without geographic coor
Navigates between parent and child hexagon cells across multiple resolution levels for multi-scale queries.
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 an interactive data grid component for displaying and editing structured tabular data.
Dieses Projekt ist eine Blazor-Komponentenbibliothek und ein Web-UI-Framework für die Erstellung von Webanwendungen mit ASP.NET Core Blazor. Es dient als Implementierung des Fluent Design Systems und bietet eine Sammlung wiederverwendbarer, vorformatierter Benutzeroberflächenelemente, um visuelle Konsistenz und Barrierefreiheit zu gewährleisten. Die Bibliothek enthält ein asynchrones Datengitter (Data Grid), das in der Lage ist, Remote-Abfragen durch asynchrones Datenabrufen und Entity-Mapping aufzulösen. Es nutzt ein Design-Token-System, um visuelle Stile und Personalisierungseinstellungen innerhalb einer Anwendung zu verwalten. Das Framework deckt breitere Funktionen für Enterprise-UI-Design ab, einschließlich der Integration standardisierter Icon- und Emoji-Sets sowie Tools zur Erstellung barrierefreier Schnittstellen. Es bietet zudem Mechanismen, um die Komponentenausgabe zu testen und das HTML-Verhalten zu verifizieren.
Implements interactive tabular components that support large datasets through asynchronous fetching.
Open Location Code is a geocoding library and toolset used to transform global latitude and longitude coordinates into standardized, human-readable alphanumeric digital addresses and back again. It functions as an offline location coding system that generates unique identifiers for any location on Earth, specifically providing digital addresses for areas where formal street addresses or postal systems are missing. The system operates as a stateless algorithmic process, allowing coordinates to be encoded and decoded without the need for network access, internet connections, or external databas
Nests smaller grid cells within larger ones to allow for varying levels of precision and zoom.
Victor Mono is a monospaced programming font designed for code editors, focusing on legibility and character distinction. It is characterized by the inclusion of programming ligatures that combine multi-character symbols into single glyphs. The typeface features cursive italics with semi-connected strokes to visually separate comments and keywords from standard code. It also provides customizable glyph stylistics, allowing for alternative shapes for specific characters such as zeros and sevens.
Ensures consistent vertical alignment of text columns through a strict monospaced grid.
Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
Embeds interactive tabular components for displaying and editing structured data within the UI.