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.

Live Examples

Open instantly in StackBlitz — no setup required.

Invoice (React)

react

Display an Excel invoice template using @reogrid/lite with React.

Open in StackBlitz

Invoice (Vue)

vue

Display an Excel invoice template using @reogrid/lite with Vue 3.

Open in StackBlitz

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 (GitHub Issues)

Get Lite on npm

Commercial License

Pro

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

Contact for Pro