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.

Try demo

❄️ Pro

Freeze Panes

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

Try demo

🎨 Lite

Rich Cell Styles

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

Try demo

🧮 Pro

Formulas

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

Try demo

Data & Formatting

📄 Pro

xlsx Import & Export

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

Try demo

🔢 Pro

Number Formatting

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

Try demo

🔽 Pro

Filter & Sort

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

Try demo

📊 Pro

Cell Types

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

Try demo

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.

Try demo

📦 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.

Live Demo

Data Filter & Sort

PRO

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

Live Demo

Cell Styles

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

Live Demo

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 vs Pro

Start free. Upgrade when you need more.

MIT License

Free

Lite

Core grid rendering
xlsx import
React & Vue wrappers
TypeScript support
Community support

Get Lite on npm

Commercial License

Pro

Everything in Lite
Advanced cell formulas
xlsx export
Priority support
Commercial use license

Buy Pro

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 →