TypeScript Editable data grid / spreadsheet

Open-source TypeScript projects categorized as Editable data grid / spreadsheet
Edit details
Topics: React TypeScript JavaScript Form Components 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
Sponsored

Top 17 TypeScript Editable data grid / spreadsheet Projects

  • cmdk

    Fast, unstyled command menu React component.

    • Project mention: An autocomplete select input using shadcn/ui+react-hook-form+zod. | dev.to | 2024-03-16

    The Combobox of shadcn/ui used in the above implementation is a wrapped version of cmdk’s Combobox. I wanted to change the logic of suggest, so I added my own implementation to the filter as described in cmdk’s documentation. It seems that sorting is also possible. For example,change https://github.com/armandsalle/my-site/blob/main/src/components/autocomplete.tsx#L88 to the following:

  • sonner

    An opinionated toast component for React.

  • 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

  • kbar

    fast, portable, and extensible cmd+k interface for your site

    • Project mention: kbar-svelte-mini - ctrl+k menu for your Svelte website | dev.to | 2024-02-13

    The nice one I found that could do this is, kbar, and It cool, but I use Svelte not React. Lucky for us Svelte devs, I took on the job to port something similar to Svelte, a package that Is designed to just be plugged and played.

  • echarts-for-react

    ⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。

    • Project mention: Lets-Plot: An open-source plotting library by JetBrains | news.ycombinator.com | 2023-07-15

  • puck

    The visual editor for React

    • Project mention: Show HN: Puck (Visual Editor for React) now supports viewport switching | news.ycombinator.com | 2024-04-18

  • revo-grid

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

  • fortune-sheet

    A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

  • 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

  • neodrag

    One Draggable to rule them all 💍

  • ReactGrid

    Add spreadsheet-like behavior to your React app

  • virtua

    A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue and Solid.

    • Project mention: Show HN: Virtua – zero-config virtualization components for React | news.ycombinator.com | 2023-07-17

  • schedule-x

    Material design event calendar and date picker

    • Project mention: How I built a cross-framework frontend library | dev.to | 2024-01-17

    This article will discuss the general concept of building a cross-framework frontend library. It will also display some examples of how this was applied when building the event calendar Schedule-X.

  • react-multi-email

    :octocat: A simple react component to format multiple email as the user types.

  • zoom-image

    A little yet powerful framework agnostic headless library to zoom images on the web

  • react-mobile-picker

    An iOS like selector/picker component for web

  • mantine-contextmenu

    Craft your applications for productivity and meet your users’ expectations by enhancing your Mantine-based UIs with a desktop-grade, lightweight yet fully-featured, dark-theme aware context-menu component, built by the creator of Mantine DataTable.

  • react-image-display-control

    🚀 Next-gen responsive images in React

    • Project mention: Show HN: React/web component for responsive images on steroids | news.ycombinator.com | 2023-06-13

    [2]: https://github.com/Frameright/react-image-display-control

  • react-mrz-scanner

    React MRZ Scanner

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

    WorkOS 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 Editable data grid / spreadsheet related posts

Index

What are some of the best open-source Editable data grid / spreadsheet projects in TypeScript? This list will help you:

Project Stars
1 cmdk 8,423
2 sonner 7,033
3 kbar 4,609
4 echarts-for-react 4,359
5 puck 4,173
6 revo-grid 2,650
7 fortune-sheet 2,169
8 neodrag 1,464
9 ReactGrid 1,050
10 virtua 933
11 schedule-x 833
12 react-multi-email 279
13 zoom-image 274
14 react-mobile-picker 272
15 mantine-contextmenu 110
16 react-image-display-control 17
17 react-mrz-scanner 2

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