ReoGrid Web — Now Officially Released. A Powerful Excel-Like Web Spreadsheet Library

UNVELL Inc. is pleased to announce the official release of ReoGrid Web today, March 24, 2026 — a JavaScript/TypeScript library for embedding Excel-like spreadsheet functionality into web applications.

What Is ReoGrid Web?

ReoGrid Web is an Excel-like spreadsheet library that runs in the browser. It bundles the formula engine, Excel I/O, and Canvas rendering engine all into a single package, with full support for both React and Vue.

A single library is all you need to add to your project to deliver Excel-equivalent spreadsheet functionality in a web app.

Background — Bringing 10+ Years of .NET Know-How to the Web

We've been developing and shipping ReoGrid for .NET (WinForms / WPF) since 2014. Cumulative NuGet downloads now exceed 180,000.

Building on a decade of work on cell modeling, formula engines, and Excel compatibility, we built ReoGrid Web as a new product for web developers.

Highlight Features

Invoice Demo — The Power of the Formula Engine

We've prepared an invoice demo as a practical showcase of the formula engine. Enter quantities and unit prices, and totals are calculated automatically. You can build formulas just like in Excel.

High Excel Compatibility

A central design priority for ReoGrid Web was strong Excel compatibility.

• Formula compatibility: SUM, AVERAGE, IF, VLOOKUP and other key functions are implemented; cell references are Excel-compatible
• xlsx import / export: Cell values, formulas, styles, borders, and merged cells are preserved on read and write
• Excel number formats: Excel format strings such as #,##0.00, ¥#,##0, and yyyy/mm/dd work as-is

Cell Styles and Excel-Compatible Layout

• Faithful cell-style reproduction: Fonts, text colors, background colors, alignment, and indentation match Excel's precision
• Borders and merged cells: Border style, weight, and color can be set per edge; merged cells behave the same as in Excel

Optimized High-Performance Rendering

A virtual scrolling approach renders only the cells in the visible area, keeping rendering smooth even past 10,000 rows. In our measurements, 100,000 cells (10,000 rows × 10 columns) initialize in around 200ms — about 2μs per cell — roughly 95× faster than competing products (per our internal benchmarks).

React and Vue Support

Both frameworks have built-in wrappers, with TypeScript type definitions so autocomplete works out of the box.

// React
import { Reogrid } from '@reogrid/lite/react';

<Reogrid style={{ width: '100%', height: '400px' }} />

<!-- Vue -->
<script setup>
import { Reogrid } from '@reogrid/lite/vue';
</script>

<template>
  <Reogrid style="width: 100%; height: 400px" />
</template>

Native Support for Japanese and Japanese Formats

Japanese number formats (¥1,234), date formats (yyyy年M月d日), and Japanese era support are implemented natively — not bolted on as a localization layer.

World-Class Bundle Efficiency

Despite shipping a full feature set, ReoGrid Web ships at 68 KB gzip (248 KB minified) — among the smallest in the world for this class of library.

Per our internal review (March 2026)

The Only "Five Conditions, One Package" Library in the World

Canvas rendering, zero dependencies, formula engine, Excel I/O, and React/Vue wrappers — ReoGrid Web is the only library that delivers all five from a single package, with no add-ons (per our review of five major products, March 2026).

A Fully Japan-Made Canvas Web Spreadsheet

Built in Japan, ReoGrid Web supports the Japan-specific formatting and business-form layouts that overseas products have struggled to handle, making adoption smooth for systems operated in Japan.

Editions

ReoGrid Web uses a perpetual-license (one-time purchase) model. Compared with subscription-based products commonly priced at around ¥150,000 per developer per year, the total cost for 3 developers, 1 domain, and 3 years can be up to roughly 1/78 of subscription pricing (per our internal review).

Pricing as of March 2026. All amounts include tax. See the official site for the latest pricing.

Roadmap

Planned feature additions:

Try the Lite Edition

npm install @reogrid/lite

• Product site
• Inquiry / request for materials
• Live demo gallery
• npm package (@reogrid/lite)