The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 Grid Open-Source Projects
-
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
-
HANDSONTABLE
JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
-
ag-Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
-
Jspreadsheet CE
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
-
-
-
-
-
lost
LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
-
-
vue-easytable
A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
-
Glide Data Grid
🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
ExcelJS and XLSX (SheetJS) are great libraries to work with XLSX files. The former I've found a bit easier to work with but less efficient in general.
Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21You may increase the rendering efficiency of tabular and huge list data by using the React Virtualized module. React apps perform better overall when the quantity of requests and DOM elements is limited. React Virtualized is comparable to many other tools; however, what sets it apart from the competition is the sheer volume of features and excellent upkeep.
You can find additional information about the React-Grid-Layout in the repository and documentation.
handsontable
Project mention: How To Enhance AG Grid with Avatars: Building a Collaborative Grid with React and Ably | dev.to | 2024-01-26In this post I’ll show you how, using the AG Grid component and Ably Spaces, you can create a React application that allows users to see not only who else is currently viewing the grid, but using a Flowbite Avatar Stack component, what row each user currently has selected.
Project mention: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit | news.ycombinator.com | 2024-04-23Can you add drag and drop to this? Currently you need libraries like https://gridstackjs.com/, especially for nested cases.
Official Website: https://primereact.org/
Project mention: Necesito consejos para desarrollar un programa similar a Excel | /r/devsarg | 2023-04-28Recomendacion 2: Usa una lib. https://github.com/nadbm/react-datasheet podria ser
Project mention: The Design Philosophy of Great Tables (Software Package) | news.ycombinator.com | 2024-04-04Why do you want to render to canvas?
Perspective seems to be the most performant html table. It is more focused on extremely fast updates than styling, although it looks good.
Glide is a newcomer that also renders to canvas.
https://github.com/finos/perspective
https://github.com/glideapps/glide-data-grid
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
Grid related posts
- Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
- Essential tools for implementing React panel layouts
- Tabulator – JavaScript Tables and Data Grids
- Tabulator: Tables, datagrids and tree grids for Vanilla JavaScript
- Tabulator: Interactive Data Grid for JavaScript (No React, No Vue)
-
ag-Grid VS infinite-react - a user suggested alternative
2 projects | 1 Jan 2024
- Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source Grid projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | SheetJS js-xlsx | 34,479 |
| 2 | react-virtualized | 25,951 |
| 3 | react-table | 24,102 |
| 4 | react-grid-layout | 19,450 |
| 5 | HANDSONTABLE | 19,029 |
| 6 | ag-Grid | 11,762 |
| 7 | react-sortable-hoc | 10,695 |
| 8 | muuri | 10,677 |
| 9 | rebass | 7,927 |
| 10 | vue-grid-layout | 6,895 |
| 11 | Jspreadsheet CE | 6,614 |
| 12 | Tabulator | 6,183 |
| 13 | flex-layout | 5,910 |
| 14 | gridstack.js | 5,856 |
| 15 | primereact | 5,721 |
| 16 | react-datasheet | 5,337 |
| 17 | cssgridgenerator | 4,956 |
| 18 | ngx-datatable | 4,617 |
| 19 | lost | 4,507 |
| 20 | gridjs | 4,273 |
| 21 | vue-easytable | 3,590 |
| 22 | Glide Data Grid | 3,414 |
| 23 | Magic-Grid | 3,110 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com