awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

21 مستودعات

Awesome GitHub RepositoriesData Grids

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.

Awesome Data Grids GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • brillout/awesome-react-componentsالصورة الرمزية لـ brillout

    brillout/awesome-react-components

    47,788عرض على GitHub↗

    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.

    awesomeawesome-listreact
    عرض على GitHub↗47,788
  • tabler/tablerالصورة الرمزية لـ tabler

    tabler/tabler

    41,180عرض على GitHub↗

    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.

    HTMLadmin-dashboardadminpanelboilerplate-template
    عرض على GitHub↗41,180
  • fyne-io/fyneالصورة الرمزية لـ fyne-io

    fyne-io/fyne

    27,941عرض على GitHub↗

    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.

    Goandroidcross-platformfyne
    عرض على GitHub↗27,941
  • handsontable/handsontableالصورة الرمزية لـ handsontable

    handsontable/handsontable

    21,947عرض على GitHub↗

    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.

    JavaScriptangular-datagridangular-tablecomponent
    عرض على GitHub↗21,947
  • krayin/laravel-crmالصورة الرمزية لـ krayin

    krayin/laravel-crm

    21,404عرض على GitHub↗

    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.

    PHPcrmcrm-multi-tenant-saascrm-platform
    عرض على GitHub↗21,404
  • ag-grid/ag-gridالصورة الرمزية لـ ag-grid

    ag-grid/ag-grid

    15,412عرض على GitHub↗

    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.

    TypeScriptangularangular-gridangular-table
    عرض على GitHub↗15,412
  • myliang/x-spreadsheetالصورة الرمزية لـ myliang

    myliang/x-spreadsheet

    14,601عرض على GitHub↗

    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.

    JavaScriptcanvases6excel
    عرض على GitHub↗14,601
  • wenzhixin/bootstrap-tableالصورة الرمزية لـ wenzhixin

    wenzhixin/bootstrap-table

    11,820عرض على GitHub↗

    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.

    JavaScriptbootstrapbootstrap-tablebulma
    عرض على GitHub↗11,820
  • gui-cs/terminal.guiالصورة الرمزية لـ gui-cs

    gui-cs/Terminal.Gui

    11,068عرض على GitHub↗

    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.

    C#consoleconsole-applicationcross-platform
    عرض على GitHub↗11,068
  • x-extends/vxe-tableالصورة الرمزية لـ x-extends

    x-extends/vxe-table

    8,595عرض على GitHub↗

    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.

    TypeScriptcellcheckboxeditable
    عرض على GitHub↗8,595
  • charmbracelet/bubblesالصورة الرمزية لـ charmbracelet

    charmbracelet/bubbles

    7,796عرض على GitHub↗

    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.

    Goclielm-architecturehacktoberfest
    عرض على GitHub↗7,796
  • adazzle/react-data-gridالصورة الرمزية لـ adazzle

    adazzle/react-data-grid

    7,637عرض على GitHub↗

    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.

    TypeScript
    عرض على GitHub↗7,637
  • dc-js/dc.jsالصورة الرمزية لـ dc-js

    dc-js/dc.js

    7,431عرض على GitHub↗

    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.

    JavaScript
    عرض على GitHub↗7,431
  • jspreadsheet/ceالصورة الرمزية لـ jspreadsheet

    jspreadsheet/ce

    7,186عرض على GitHub↗

    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.

    JavaScriptdata-griddatagriddatatables
    عرض على GitHub↗7,186
  • uber/h3الصورة الرمزية لـ uber

    uber/h3

    6,015عرض على GitHub↗

    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.

    Cgeospatialh3hexagon
    عرض على GitHub↗6,015
  • mui/mui-xالصورة الرمزية لـ mui

    mui/mui-x

    5,791عرض على 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

    Ships an interactive data grid component for displaying and editing structured tabular data.

    TypeScriptchartsdata-griddatatable
    عرض على GitHub↗5,791
  • microsoft/fluentui-blazorالصورة الرمزية لـ microsoft

    microsoft/fluentui-blazor

    4,768عرض على GitHub↗

    This project is a Blazor component library and web UI framework used for building web applications with ASP.NET Core Blazor. It serves as an implementation of the Fluent Design System, providing a collection of reusable, pre-styled user interface elements to ensure visual consistency and accessibility. The library includes an asynchronous data grid capable of resolving remote queries through asynchronous data fetching and entity mapping. It utilizes a design token system to manage visual styles and personalization settings across an application. The framework covers broader capabilities for

    Implements interactive tabular components that support large datasets through asynchronous fetching.

    C#adaptive-uiblazorcomponent-architecture
    عرض على GitHub↗4,768
  • google/open-location-codeالصورة الرمزية لـ google

    google/open-location-code

    4,329عرض على GitHub↗

    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.

    Javaccplusplusdart
    عرض على GitHub↗4,329
  • rubjo/victor-monoالصورة الرمزية لـ rubjo

    rubjo/victor-mono

    3,701عرض على GitHub↗

    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.

    Vuecoding-fontcursivecursive-italics
    عرض على GitHub↗3,701
  • mckinsey/vizroالصورة الرمزية لـ mckinsey

    mckinsey/vizro

    3,579عرض على GitHub↗

    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.

    Pythondashboarddata-visualizationplotly
    عرض على GitHub↗3,579
السابق12التالي
  1. Home
  2. User Interface & Experience
  3. Data Grids

استكشف الوسوم الفرعية

  • Hierarchical Grids3 وسوم فرعيةTabular components that support nested data structures via row grouping and expandable levels. **Distinct from Data Grids:** Specializes in hierarchical tree structures and collapsible row groupings, whereas general data grids are typically flat.
  • Monospaced GridsGrid components optimized for displaying uniform-width character data. **Distinct from Data Grids:** Distinct from general Data Grids: specifically optimized for monospaced character rendering in terminal or code-editor contexts.