DEV Community

righ
righ

Posted on • Edited on • Originally published at gridsheet.walkframe.com

GridSheet v2 – A Modern, Extensible Spreadsheet Engine for the Web

#webdev #react #vue #opensource

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 dist is 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.js is 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.

Top comments (0)