Now on npm

Excel-like Grid for React & Vue

Drop a spreadsheet component into your web app. Supports xlsx import, frozen panes, merged cells, and rich cell styles — zero dependencies.

See Live Demos Get Started

$ npm install @reogrid/lite

Everything you need for a spreadsheet UI

⚡

Lightweight & Fast

Canvas-based rendering. No heavy dependencies. Handles thousands of cells smoothly.

📄

xlsx Import

Load real Excel files directly. Cell values, styles, merges, and borders are preserved.

⚛️

React & Vue

First-class wrappers for both frameworks. TypeScript types included out of the box.

🔒

Lite & Pro

Free Lite for open-source projects. Pro adds advanced features and commercial support.

Powerful features, ready to use

Everything you need to build production-grade spreadsheet UIs — from basic grids to complex data applications.

Spreadsheet Core

🔲 Lite

Cell Merging

Merge cells for titles, grouped headers, and complex multi-level table layouts.

❄️ Pro

Freeze Panes

Lock rows and columns so headers stay visible while scrolling large datasets.

🎨 Lite

Rich Cell Styles

Fonts, colors, backgrounds, borders, and text alignment — full control over every cell.

🧮 Pro

Formulas

SUM, AVERAGE, IF, and more — real spreadsheet formulas running in the browser.

Data & Formatting

📄 Pro

xlsx Import & Export

Load and save real Excel files. Values, styles, merges, and borders are preserved.

🔢 Pro

Number Formatting

Currency, percentages, dates, and custom format patterns — just like Excel.

🔽 Pro

Filter & Sort

Column header dropdowns for filtering and sorting. Handles 10,000+ rows with ease.

📊 Pro

Cell Types

Progress bars, star ratings, sparklines, checkboxes, and hyperlinks inside cells.

Developer Experience

⚛️ Lite

React & Vue

First-class components for both frameworks. Drop in with a single import.

🏷️ Lite

TypeScript

Full type definitions included. Autocomplete and type safety out of the box.

⚡ Lite

Canvas Rendering

Hardware-accelerated canvas — no DOM bloat. Handles 10,000+ rows at 60fps.

📦 Lite

Zero Dependencies

No third-party runtime dependencies. Small bundle, fast load.

Live Examples

Try each demo live in the browser — click any card to open.

Cell Types Dashboard

PRO

Progress bars, star ratings, sparkline charts, checkboxes, and hyperlinks — all rendered inside spreadsheet cells.

Data Filter & Sort

PRO

Click column header dropdowns to filter and sort rows. Switch between 300, 1K, and 10K rows to test performance.

Cell Styles

Font styles, colors, backgrounds, text alignment, and border options — a showcase of the Cell Style API.

View All Examples →

Get started in minutes

React Vue

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

export default function App() {
  return (
    <Reogrid
      style={{ width: '100%', height: '400px' }}
    />
  );
}

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

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

Lite, Pro & Enterprise

Start free. Upgrade when you need more.

MIT License

Free

Lite

Personal & general-purpose apps
Unlimited domains (non-commercial)
Core spreadsheet features
Basic formula engine
xlsx import only (no export)
Partial cell type support
Community support

Get Lite on npm

Commercial License · Perpetual

$599 USD

Pro

Commercial apps — up to 3 domains
Full spreadsheet features
Formula engine (50+ functions)
xlsx import & export
Full cell type support
Online license key authentication
3 months technical support

Buy Pro

Commercial Site License · Perpetual

$1,100 USD

Enterprise

Large-scale commercial deployment
Up to 30 domains (unlimited option available)
Full spreadsheet features
Formula engine (50+ functions)
xlsx import & export
Full cell type support
Offline license file authentication
3 months technical support

Buy Enterprise

ReoGrid Family

Also need a .NET spreadsheet component?

ReoGrid is also available as a powerful WinForms/WPF component for .NET developers.

See ReoGrid .NET Edition →