Life & fun · November 11, 2023
DataSheetGrid, an Airtable-like React component
I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years. This can be seen as an where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key. The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization... If you ever need your users to input long lists of data, this might be a good way to render the form!
In plain words
DataSheetGrid is a React component that functions as a spreadsheet-like interface for handling structured data input. It renders tables similar to Airtable or Notion, where users can edit arrays of objects organized into customizable columns. The component includes built-in accessibility features such as keyboard navigation, row management, context menus, and virtualization for performance. It serves developers who need to let users input or manage large datasets within their applications.
written from the facts on this page · September 2026
From the sources
In the maker’s words, at launch
I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years. This can be seen as an <input/> where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key. The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization... If you ever need your users to input long lists of data, this might be a good way to render the form!
More life & fun this month
the category →- TL
Life & fun · 10d ago · louisabraham.github.io
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 26d ago · baselashraf81.github.io
Launched alongside, November 2023
the whole month →
Discover & book top creators to promote your product
Growth · 2023 · passionfroot.me
