The Fastest React Data Grid On The Modern Web

LyteNyte Grid is a ~40 KB, zero-dependency React data grid engineered for high performance and enterprise-scale datasets. It can handle 10,000 updates/sec and render millions of rows. No wrappers. No heavy abstractions.

Choose between headless components or a pre-styled grid out of the box, and ship faster with a declarative API that is purpose-built for React.

Start with LyteNyte Grid Core (free and open source). Upgrade to LyteNyte Grid PRO for advanced enterprise features and support.

Compare Features

Website   —   Documentation   —   Demo   —   Pricing   —   EULA

LyteNyte Editions

LyteNyte Grid is available in two editions:

1. LyteNyte Grid Core: Free, open-source edition for building high-performance data tables. Includes sorting, filtering, editing, row selection, detail views, and more. Also includes advanced features such as aggregation, row grouping, and cell range selection, often locked behind paywalls in other grids.

2. LyteNyte Grid PRO: Commercial edition that extends Core with powerful enterprise features, including server-side data loading, pivoting, tree data, component managers, and advanced filtering. Build custom menus, popovers, expressions, and workflow-driven UIs with ease.

AI-Enhanced Workflows

LyteNyte Grid AI Skills are structured context files for Claude Code, Windsurf, Cursor, and other AI coding agents. Skills provide agents with accurate, curated context for LyteNyte Grid, allowing them to generate complex grid implementations with greater speed and reliability.

Instead of building the grid manually, developers can describe the desired result and let the agent generate the implementation.

Install LyteNyte Grid AI Skills

npx skills add 1771-Technologies/lytenyte

Once installed, the Skill activates automatically whenever you work on a LyteNyte Grid task. No special prompting is needed. Skills are actively maintained by the 1771 Technologies team and versioned alongside each LyteNyte Grid release.

See our AI Skills Overview guide to learn more.

Features

⚛️  Reactive Architecture

Feature	Core	PRO
Declarative Prop Configuration	✅	✅
Controlled or Uncontrolled State	✅	✅
React Compiler Support	✅	✅
Headless Components	✅	✅

🤖  AI Enhanced Workflows

Feature	Core	PRO
AI Skills	✅	✅

🔌  API Extensions

Feature	Core	PRO
Imperative Method Extensions	✅	✅
Column Extensions	✅	✅

🚀  Virtualization

Feature	Core	PRO
Row Virtualization	✅	✅
Column Virtualization	✅	✅

🎨  Styling & Theming

Feature	Core	PRO
Unstyled Support	✅	✅
Styled Themes	✅	✅
↳ Prebuilt Themes	✅	✅
↳ Tailwind	✅	✅
↳ CSS Modules	✅	✅
↳ CSS-in-JS	✅	✅

📋  Rows

Feature	Core	PRO
Basic Row Operations	✅	✅
↳ Row Pinning	✅	✅
↳ Row Spanning	✅	✅
Row Height	✅	✅
↳ Variable Row Height	✅	✅
↳ Fixed Row Height	✅	✅
↳ Fill Row Height	✅	✅
Full Width Rows	✅	✅
Row Dragging / Reordering	✅	✅
↳ Single Row Dragging	✅	✅
↳ Multi-Row Dragging	✅	✅
↳ Grid to Grid Dragging	✅	✅
↳ External Drop Zone Dragging	✅	✅

📊  Columns

Feature	Core	PRO
Basic Column Operations	✅	✅
↳ Column Resizing	✅	✅
↳ Column Pinning	✅	✅
↳ Column Spanning	✅	✅
↳ Column Reordering	✅	✅
↳ Column Grouping	✅	✅
↳ Column Visibility	✅	✅
Column Autosizing	✅	✅
↳ Cell Autosizing	✅	✅
↳ Header Autosizing	✅	✅
↳ Double Click Resizing	✅	✅
Custom Header Render	✅	✅
Column Floating Header	✅	✅
Dynamic Field Computation	✅	✅
Marker Column	✅	✅

🔲  Cells

Feature	Core	PRO
Cell Rendering	✅	✅
Cell Diff Flashing	✅	✅
Cell Tooltips & Popovers	✅	✅

🔀  Sorting

Feature	Core	PRO
Single Column Sort	✅	✅
Multi Column Sort	✅	✅
Custom Dynamic Sort	✅	✅

☑️  Selection  

Feature	Core	PRO
Row Selection	✅	✅
↳ Single Row Selection	✅	✅
↳ Multi Row Selection	✅	✅
↳ Checkbox Row Selection	✅	✅
↳ Isolated Row Selection	✅	✅
↳ Linked Row Selection	✅	✅
Cell Selection	✅	✅
Cell Range Selection	✅	✅

✏️  Editing

Feature	Core	PRO
Cell Editing	✅	✅
↳ Basic Cell Edits	✅	✅
↳ Linked Cell Edits	✅	✅
↳ Full Row Editing	✅	✅
↳ Bulk Cell Editing	✅	✅
Edit Validation	✅	✅
Custom Cell Editors	✅	✅
Programmatic Editing	✅	✅

🔍  Filtering  

Feature	Core	PRO
Column Filters	✅	✅
↳ Text Filters	✅	✅
↳ Number Filters	✅	✅
↳ Date Filters	✅	✅
Quick Search Filter	✅	✅
Label Filters	—	✅
Advanced Filters	-	✅
↳ Set Filters	✅	✅
↳ Tree Set Filters	✅	✅
↳ Having Filters	—	✅

🧮  Expressions  

Feature	Core	PRO
Expressions Engine	—	✅
Filter Expressions	—	✅
Expression Editor	—	✅
Expression Plugins	—	✅

📦  Grouping & Aggregations

Feature	Core	PRO
Row Grouping	✅	✅
↳ Uniform Row Groups	✅	✅
↳ Non-uniform Row Groups	✅	✅
↳ Dynamic Group Dimensions	✅	✅
Aggregations	✅	✅
Master Detail	✅	✅
↳ Row Master Detail	✅	✅
↳ Auto Height Master Detail	✅	✅
↳ Nested Grids	✅	✅
↳ Custom Detail Content	✅	✅

🔄  Pivoting  

Feature	Core	PRO
Row & Column Pivots	—	✅
Pivot Measures	—	✅
Pivot Sorting	—	✅
Pivot Filtering	—	✅
Grand Totals	—	✅

🌲  Tree Data  

Feature	Core	PRO
Custom Object Mappings	—	✅
JSON Object Editing	—	✅
Dynamic Tree Creation	—	✅

🌐  Server Data Loading  

Feature	Core	PRO
Basic Server Operations	—	✅
↳ Server Row Sorting	—	✅
↳ Server Row Filtering	—	✅
↳ Server Row Pinning	—	✅
↳ Server Row Grouping	—	✅
Server Tree Data	—	✅
Server Cell Editing	—	✅
Data Updates	—	✅
Optimistic Data Loading	—	✅
Paginated Row Data	—	✅
Infinite Row Data	—	✅
Server Data Interface	—	✅

🧩  Prebuilt Components  

Feature	Core	PRO
Pill Manager	—	✅
Column Manager	—	✅
Tree View	—	✅
Dialog & Popovers	—	✅
Menus & Context Menus	—	✅
Other Prebuilt Components	-	✅
↳ Smart Select	—	✅
↳ Grid Overlays	✅	✅
↳ Viewport Shadows	✅	✅
↳ Select All	—	✅
↳ Row Group Cell	—	✅

📤  Import & Export  

Feature	Core	PRO
Data Export	✅	✅
↳ Excel Export	✅	✅
↳ CSV Export	✅	✅
↳ Parquet Export	✅	✅
↳ Arrow Export	✅	✅
Clipboard Operations	✅	✅

⌨️  Keyboard & Accessibility

Feature	Core	PRO
Keyboard	✅	✅
Accessibility	✅	✅
RTL Support	✅	✅

Key Design Principles

• Performance-First: LyteNyte Grid is engineered with speed as a fundamental priority, ensuring responsive performance even when handling large datasets.

• Modern Architecture: Leveraging cutting-edge web technologies, LyteNyte Grid utilizes native browser scroll functionality to keep the main thread unencumbered as users navigate through their data.

• React-Aligned Philosophy: Adhering to React's core principles, LyteNyte Grid implements one-way data binding and declarative rendering to maintain predictable state management.

Installation

LyteNyte Grid can be installed via NPM:

PRO:

npm install --save @1771technologies/lytenyte-pro

Note

You can install and use LyteNyte Grid PRO without a license, but a watermark will be displayed.

Core:

npm install --save @1771technologies/lytenyte-core

Quick Start

• Begin with our comprehensive getting started guide.
• Explore our flexible pricing options to find the ideal fit for your project.
• Follow our step-by-step installation guide to seamlessly integrate LyteNyte Grid into your application.

Licensing

LyteNyte Grid is available in two editions, Core and PRO, and is offered under the following three license plans:

1. Core License Plan: An Apache 2.0 license for the Core edition, which is free and open-source. Ideal for individual developers and community use.

2. Developer PRO License Plan: A commercial license for the PRO edition, designed for individuals and teams with up to 50 developers. Unlocks the full potential of LyteNyte Grid with advanced features unavailable in the Core edition.

3. Organization PRO License Plan: A commercial license for the PRO edition, tailored for teams with 50+ developers. Includes all PRO features along with an enhanced support agreement and negotiated pricing terms.

All PRO licenses are perpetual and include 12 months of software updates, feature upgrades, and dedicated technical support during your active license term.

Support

Our team actively maintains and supports both the Core and PRO editions of LyteNyte Grid. Please refer to our support guide for detailed information on available support channels and response options.

Contributing

Please review our contributing guide to learn about our development process, bug reporting procedures, and codebase maintenance practices.

Changelog

Our changelog is regularly updated with detailed notes on new features, improvements, and bug fixes in each release. LyteNyte Grid follows semantic versioning to ensure clear and predictable upgrade paths.

Security

For information on reporting security vulnerabilities, please consult our security policy.