
Griddle
An ultra customizable datagrid component for React
Griddle launched on February 21, 2017 with 6 votes, #1,327 of 3,156 launches that month. The site was still online in September 2026, 9 years on.
What it does
The new Griddle 1.0 has been re-built with customization in mind. It ships with some basic conventions and functionality but gives you the ability to customize just about anything (components, methods, etc). To encourage customization reuse, Griddle now has plugin support! Plugins are packaged Griddle customizations that can be reused or shared. Want to group styles and behavior that are shared throughout your organization or have some great idea you want to share with the world through npm? Plugins are the way to achieve this! By default, Griddle is a datagrid -- however, it's a bit more than a datagrid. Through its customizable and pluggable architecture, Griddle turns into a component…from griddlegriddle.github.io
Does a similar job
all alternatives →
A ReactJS Grid Component with infinite scroll, customization, and more2015 · dynamictyped.github.io · ▲122Griddle - React Grid component.
- G1Griddle 1.0 – A customizable datagrid component for React2017 · griddlegriddle.github.io · ▲60
- DADataSheetGrid, an Airtable-like React component2023 · react-datasheet-grid.netlify.app · ▲342
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!


Navigable and zoomable grid built with React2018 · github.com · ▲5
More dev tools this month
the category →

open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com

Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲340Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 27d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, February 2017
the whole month →
Lottie by Airbnb▲1,138Easily add high-quality animation to any native app
Dev tools · 2017 · airbnb.com
Web Gradients▲906Curated collection of 180 free fresh background gradients 🚀
Work · 2017 · webgradients.com




A free guide to all HTML elements and attributes.
Life & fun · 2017 · htmlreference.io