TypeScript Grid

Open-source TypeScript projects categorized as Grid
Edit details
Topics: React Table Datagrid TypeScript UI Components
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.
surveyjs.io
featured

Top 23 TypeScript Grid Projects

  • react-table

    🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

    • Project mention: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10

  • ag-Grid

    The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

    • Project mention: How To Enhance AG Grid with Avatars: Building a Collaborative Grid with React and Ably | dev.to | 2024-01-26

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

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

    SurveyJS logo

  • flex-layout

    Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

  • gridstack.js

    Build interactive dashboards in minutes.

    • Project mention: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit | news.ycombinator.com | 2024-04-23

    Can you add drag and drop to this? Currently you need libraries like https://gridstackjs.com/, especially for nested cases.

  • ngx-datatable

    ✨ A feature-rich yet lightweight data-table crafted for Angular

    • Project mention: What are some of the best table libraries out there? | /r/angular | 2023-06-03

  • gridjs

    Advanced table plugin

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

    • Project mention: The Design Philosophy of Great Tables (Software Package) | news.ycombinator.com | 2024-04-04

    Why 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

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

    InfluxDB logo

  • revo-grid

    Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋

  • egjs-infinitegrid

    A module used to arrange card elements including content infinitely on a grid layout.

  • react-datasheet-grid

    An Airtable-like / Excel-like component to create beautiful spreadsheets.

    • Project mention: FLaNK Stack Weekly for 13 November 2023 | dev.to | 2023-11-13

  • VTable

    VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.

    • Project mention: In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge? | dev.to | 2024-05-07

    Related Documents Related api：https://visactor.io/vtable/option/PivotTable#axes github：https://github.com/VisActor/VTable

  • ka-table

    Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more

  • honeycomb

    Create hex grids easily, in node or the browser. (by flauwekeul)

  • ipydatagrid

    Fast Datagrid widget for the Jupyter Notebook and JupyterLab

  • react-photo-album

    Responsive photo gallery component for React

  • angular-grid-layout

    Responsive grid with draggable and resizable items for Angular applications.

  • muuri-react

    The layout engine for React

  • egjs-grid

    A component that can arrange items according to the type of grids

  • react-grid-dnd

    drag and drop, grid edition. built with react

  • axentix

    The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer.

  • virtualform

    An ultra-fast, responsive and headless virtualization engine for React.

  • af-utils

    Simple open-source tools that just work (usually fast)

  • Infinite Table React DataGrid

    Infinite Table is the modern DataGrid for building React apps — faster.

    • Project mention: The best testing strategies for frontends | dev.to | 2024-04-22

    With Vanilla Extract you can be sure that if you remove a CSS class, it's not used anywhere else in the codebase. It's been a game changer in terms of CSS maintainability and productivity for us at Infinite Table.

  • 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).

TypeScript Grid related posts

  • In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge?

    1 project | dev.to | 7 May 2024

  • How to use the right-click menu to copy, paste and delete cells in VTable?

    1 project | dev.to | 27 Apr 2024

  • Essential tools for implementing React panel layouts

    5 projects | dev.to | 19 Mar 2024

  • ag-Grid VS infinite-react - a user suggested alternative

    2 projects | 1 Jan 2024

  • What are some of the best table libraries out there?

    1 project | /r/angular | 3 Jun 2023

  • Grid.js: Advanced Table Plugin

    1 project | news.ycombinator.com | 5 Apr 2023

  • Staying focused in a distracted world

    1 project | dev.to | 8 Feb 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 10 May 2024
    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. Learn more →

Index

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

Project Stars
1 react-table 24,188
2 ag-Grid 11,830
3 flex-layout 5,908
4 gridstack.js 5,886
5 ngx-datatable 4,616
6 gridjs 4,286
7 Glide Data Grid 3,434
8 revo-grid 2,658
9 egjs-infinitegrid 1,888
10 react-datasheet-grid 1,684
11 VTable 1,245
12 ka-table 682
13 honeycomb 617
14 ipydatagrid 505
15 react-photo-album 451
16 angular-grid-layout 421
17 muuri-react 344
18 egjs-grid 262
19 react-grid-dnd 208
20 axentix 193
21 virtualform 74
22 af-utils 74
23 Infinite Table React DataGrid 64

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com