Open-source alternatives to Fixed Data Table 2

This project is a high-performance data grid component designed for React applications. It provides a declarative framework for rendering large-scale datasets and complex tabular structures by utilizing a canvas-based drawing engine instead of traditional document object model nodes. The library distinguishes itself through a windowed virtualization engine that maintains constant memory usage by rendering only the visible portion of the grid. It translates pointer interactions into specific cell references through coordinate-based mapping and supports the injection of external application sta

This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil

Ember Table is a component library designed for rendering high-performance data grids and virtualized lists within Ember applications. It provides the UI primitives necessary to display hundreds of thousands of records smoothly by recycling DOM nodes and rendering only the items visible in the viewport. The library includes advanced layout management tools that support live column resizing, reordering, scaling, and structural region pinning to lock headers, footers, and specific columns in place during scrolling. It also features hierarchical row flattening, transforming nested tree structur

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

Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

React Virtuoso is a React component library for rendering large datasets efficiently through virtualized lists, grids, tables, and chat interfaces. It automatically measures variable-height items at runtime, computes accurate scroll offsets without requiring fixed sizes, and renders only the items within the visible viewport plus a configurable buffer zone. The library manages scroll position through a state machine that tracks direction, position, and anchor items to handle auto-scroll, sticky headers, and bidirectional loading. The library distinguishes itself with specialized components fo

SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in the browser. It functions as a web spreadsheet component and tabular data manager, utilizing virtual scrolling to maintain responsiveness when displaying hundreds of thousands of entries. The library employs a canvas-based UI system to draw grid lines and elements, reducing the total number of DOM nodes. It separates raw data from visual presentation through column-based mapping and uses a formatter pipeline to transform data values into HTML strings. Capabilities include row

Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

vue-virtual-scroll-list is a virtualized list implementation for Vue applications. It provides a component that renders only the visible items of a large dataset to maintain high performance and limit the number of active DOM elements. The project functions as a high-performance list renderer and dynamic viewport manager. It calculates real-time list dimensions and scroll offsets to display thousands of data entries without degrading browser memory usage or performance. The system includes programmatic scroll control to navigate to specific item indices or pixel offsets. It also provides uti

react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su

ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum

Canvas-datagrid is a web component designed to render and manage large-scale datasets within a browser-based spreadsheet interface. By utilizing an immediate-mode rendering approach on a single canvas element, it bypasses the performance limitations associated with traditional document object model structures, allowing for the display of millions of rows and columns without the need for pagination. The component distinguishes itself through its ability to handle complex, nested data structures by flattening hierarchical relationships into a single coordinate system. It incorporates a virtual

Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r

Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons

Glide Data Grid is a virtualized data grid for React and TypeScript that uses the HTML Canvas API to render millions of cells smoothly. It is designed as an accessible data table that maintains high frame rates when displaying and navigating massive datasets. The project distinguishes itself through a canvas-based rendering architecture that utilizes lazy rendering and a custom drawing API. This allows for specialized cell content and data-driven styling that bypasses standard DOM update cycles to ensure high performance. The grid provides comprehensive layout and data management capabilitie

This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping

Rekit is a development toolkit for building scalable web applications, providing a modular framework and automated project scaffolding. It functions as an extensible environment for managing the architecture of applications built with React, Redux, and React Router, utilizing a feature-sliced design to organize components, state logic, and routing into decoupled, domain-specific modules. The toolkit distinguishes itself through a plugin-based extensibility system that allows for the creation of custom project element types and the modification of default scaffolding behaviors. It features a R

This project is a metadata query engine and indexer for markdown files, designed to transform YAML frontmatter and inline fields into dynamic tables and lists. It provides a background process that extracts tags and custom fields into a searchable database, enabling the automated indexing of notes. The system is distinguished by its dual approach to data retrieval: a dedicated query language for SQL-like filtering and grouping, and a JavaScript data API. This API allows for programmatic metadata extraction and the creation of custom views and extensions using TypeScript typings. Its broader

Grid.js is a framework-agnostic JavaScript library for rendering interactive data grids. It allows for the display of structured information in tabular formats across different frontend environments, supporting data population from static arrays or JSON imports. The library features a plugin system for extending user interface components and logic, as well as a custom data pipeline for transforming information before it is displayed. It includes built-in support for multilingual localization to translate interface elements and messages. The project covers core data visualization capabilities

vue3-antdv-admin is an enterprise frontend starter and admin template built with Vue 3 and Ant Design Vue. It serves as a project scaffolding tool for developing internal management consoles and large-scale administration panels. The framework features schema-driven form and table generators, allowing for the creation of dynamic input fields and data grids that update their structure and columns at runtime via configuration. The project includes a component-based layout wrapper, dynamic route mapping for navigation and access control, and provider-based theme injection for visual styling. It

form-render is a schema-driven UI framework that translates structured JSON definitions into functional administrative layouts, interactive web forms, and data visualizations. It serves as a system for rendering components and validation logic based on declarative schemas rather than manual imperative code. The framework includes a JSON-based form generator and a data table component that transforms structured data into searchable and sortable interfaces. It also features a visualization engine that renders data charts from simplified configuration schemas and a visual editor for designing fo

This project is a collaborative software workgroup and release track focused on the technical development and rollout of the React 18 library update. It serves as a community coordination effort and discussion forum for managing the milestones and feature sets of this major frontend framework version. The workgroup facilitates open source release coordination and software version planning through a distributed group of contributors. It focuses on gathering community technical feedback and managing public discussions to refine the library's code and documentation before a formal release. The

pdfme is a schema-based PDF generation engine and dynamic document builder. It provides a system for producing PDF documents by merging predefined templates with dynamic input data across different runtime environments. The project includes a browser-based WYSIWYG PDF editor and template designer, allowing for the arrangement of elements via a drag-and-drop interface. It distinguishes itself through a plugin-based architecture that enables schema extensions and custom rendering logic for new content types. The capability surface covers dynamic content generation, including variable placehold

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

This project provides a React component and a set of utilities for implementing interactive image cropping. It enables users to define selection areas over media elements using a draggable and resizable interface. The library supports fixed aspect ratio locking and the definition of custom crop shapes, such as circles. It utilizes a percentage-based coordinate system to ensure the selection interface remains responsive across different screen sizes and layouts. The toolset includes capabilities for real-time crop previewing and the generation of cropped regions using canvas-based rendering.

Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

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