This content originally appeared on DEV Community and was authored by righ
Built with React, now available for Vue and other frameworks via a new Preact build.
🧭 What is GridSheet?
GridSheet is a highly customizable spreadsheet engine for modern web applications.
It supports:
- Reactive formula evaluation
- Range-based calculations and updates
- Cell-level renderers, editors, and policies
- Multi-sheet structures with cross-sheet references
- Visual functions like
=SUM(A1:A5).
GridSheet gives you the power of a spreadsheet — not as a black-box widget, but as a developer-first engine you can shape and extend.
🛠️ Why I Built It
I originally started working on GridSheet because I needed a spreadsheet-like UI for my own projects — something that felt like Excel, but was fully controllable from React.
At first, I just wanted a clean table UI that I could edit, render custom components in, and connect to my app’s state.
But as the needs grew, I gradually added:
- Support for ranges
- Dependency tracking
- Sheet management
Eventually, I realized this wasn’t just a spreadsheet-style UI anymore.
It had become a full spreadsheet engine.
🚀 What’s New in v2
With the release of GridSheet v2, the architecture has matured significantly.
The core is built in React, and the same codebase is also compiled with Preact — not primarily for size reduction, but to enable integration with frameworks like Vue or Vanilla JS.
This makes it possible to offer:
- A Vue wrapper built on top of the Preact core
- Support for other environments like Vanilla JS (and potentially more in the future)
GridSheet is no longer tied to React-only apps — it’s becoming a truly flexible engine that can fit into a wide variety of frontend ecosystems.
ℹ️ The published
distis a development build — it includes type definitions, source maps, and is not minified.
A local production build results in a much smaller output (e.g.index.jsis around 269KB).
🧪 Try It
You can see GridSheet in action here:
Whether you’re building a dashboard, internal tool, form builder, or data visualization platform —
If you’ve ever wanted spreadsheet power inside your own app, I hope you’ll give GridSheet a try.
🗣️ Feedback welcome!
I'd love to hear your thoughts, suggestions, or stories about how you might use GridSheet in your projects.
Let's build better spreadsheets — together.
- 💻 GitHub
- 🌐 Live Demo & Docs — includes documentation and additional examples
This content originally appeared on DEV Community and was authored by righ
righ | Sciencx (2025-07-28T13:49:51+00:00) GridSheet v2 – A Modern, Extensible Spreadsheet Engine for the Web. Retrieved from https://www.scien.cx/2025/07/28/gridsheet-v2-a-modern-extensible-spreadsheet-engine-for-the-web/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.