JavaScript Grid

Open-source JavaScript projects categorized as Grid

Top 23 JavaScript Grid Projects

  1. SheetJS js-xlsx

    πŸ“— SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

    Project mention: Building an inventory management app: 'Invento' as a Beginner Developer | dev.to | 2024-07-24

    XLSX : XLSX is a library for parsing and writing Excel spreadsheet files. It enables the application to export data to Excel, which is a common requirement for inventory management systems.

  2. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  3. react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Show HN: Nue – Apps lighter than a React button | news.ycombinator.com | 2025-04-01

    Make a demo with react-virtualized[0] and see if it crashes. Hint: It will not[1]. React can easily render 1 million rows with high performance without relying on WASM [2]

    Here is the demo of react-virtualized[3], in which I entered 10m as the row count and scrolled to the bottom without crashing.

    [0] https://github.com/bvaughn/react-virtualized

  4. react-grid-layout

    A draggable and resizable grid layout with responsive breakpoints, for React.

    Project mention: Getting Started with React-Grid-Layout | dev.to | 2025-05-15

    React-Grid-Layout is a user-friendly yet powerful library. My development experience with this library has been excellent. Its GitHub repository provides comprehensive documentation and live demos, making it highly recommended for developers to have a try.

  5. HANDSONTABLE

    JavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚑

    Project mention: Battle of the Rows: The Limits of Data Performance | dev.to | 2024-11-19

    Welcome to our recently conducted series of performance benchmarks. Data grids are becoming more popular and increasingly important as they play a vital role in managing and visualizing large datasets, especially in data-intensive applications. In this article we are going to evaluate one of the most famous data grids: AG Grid, Handsontable, and RevoGrid. Our goal was to provide you with some insight into this rapidly growing field.

  6. muuri

    Infinite responsive, sortable, filterable and draggable layouts

  7. react-sortable-hoc

    A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

  8. rebass

    :atom_symbol: React primitive UI components built with styled-system.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. vue-grid-layout

    A draggable and resizable grid layout, for Vue.js.

  11. Tabulator

    Interactive Tables and Data Grids for JavaScript

    Project mention: Svelte Data Tables for 2024: A Comprehensive Feature Comparison | dev.to | 2024-09-25

    Tabulator

  12. Jspreadsheet CE

    Jspreadsheet is a lightweight JavaScript data grid component for creating interactive data grids with advanced spreadsheet controls.

    Project mention: Show HN: Jspreadsheet CE v5 – A Lightweight, Excel-Like JavaScript Data Grid | news.ycombinator.com | 2025-05-02
  13. react-datasheet

    Excel-like data grid (table) component for React

  14. lost

    LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

  15. 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.

    Project mention: vue-easytable VS revo-grid - a user suggested alternative | libhunt.com/r/vue-easytable | 2024-08-21
  16. Magic-Grid

    A simple, lightweight Javascript library for dynamic grid layouts.

    Project mention: use-magic-grid: Official React port of the magic-grid library | dev.to | 2024-09-02

    I created magic-grid a few years ago as a super simple way to set up a pinterest-style grid layout. The library is written in plain js with no dependencies but since then, React has become much more popular and I've seen people struggle to make a react version of the library with varying degrees of success.

  17. Griddle

    Simple Grid Component written in React

  18. react-native-super-grid

    Responsive Grid View for React Native

  19. react-bootstrap-table2

    Next Generation of react-bootstrap-table

  20. Frappe Datatable

    The Missing Javascript Datatable for the Web (by frappe)

  21. react-grid-system

    A powerful Bootstrap-like responsive grid system for React.

  22. DataGridXL2

    Excel-like Experience for Web Apps (The performant & reliable Vanilla Javascript data grid with Excel-like controls)

  23. vue-dataset

    A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!

  24. FancyGrid

    FancyGrid - JavaScript grid library with charts integration and server communication.

  25. gigatables-react

    GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript Grid discussion

Log in or Post with

JavaScript Grid related posts

  • Getting Started with React-Grid-Layout

    1 project | dev.to | 15 May 2025
  • JavaScript. How to Make a Blazingly Fast Multithreaded Data Grid for 1,000,000 Rows. Part 2/2: working with threads

    1 project | dev.to | 5 May 2025
  • Svelte Data Tables for 2024: A Comprehensive Feature Comparison

    2 projects | dev.to | 25 Sep 2024
  • use-magic-grid: Official React port of the magic-grid library

    2 projects | dev.to | 2 Sep 2024
  • HANDSONTABLE VS revo-grid - a user suggested alternative

    2 projects | 21 Aug 2024
  • Tabulator – JavaScript Tables and Data Grids

    1 project | news.ycombinator.com | 9 Feb 2024
  • Tabulator: Tables, datagrids and tree grids for Vanilla JavaScript

    1 project | news.ycombinator.com | 6 Feb 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 12 Jun 2025
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

What are some of the best open-source Grid projects in JavaScript? This list will help you:

# Project Stars
1 SheetJS js-xlsx 35,566
2 react-virtualized 26,824
3 react-grid-layout 21,266
4 HANDSONTABLE 21,093
5 muuri 10,875
6 react-sortable-hoc 10,881
7 rebass 7,939
8 vue-grid-layout 7,276
9 Tabulator 7,175
10 Jspreadsheet CE 6,931
11 react-datasheet 5,434
12 lost 4,486
13 vue-easytable 3,763
14 Magic-Grid 3,150
15 Griddle 2,500
16 react-native-super-grid 1,457
17 react-bootstrap-table2 1,265
18 Frappe Datatable 1,149
19 react-grid-system 827
20 DataGridXL2 523
21 vue-dataset 224
22 FancyGrid 211
23 gigatables-react 147

Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com