npm で公開中

React & Vue 向けExcelライクなグリッドコンポーネント

WebアプリにExcelライクなスプレッドシートを追加。xlsxインポート、列固定、セル結合、リッチなスタイルに対応。依存ライブラリゼロ。

デモを見るはじめる

$ npm install @reogrid/lite

スプレッドシートUIに必要な機能をすべて

⚡

軽量・高速

Canvasベースのレンダリング。依存なし。数千セルをスムーズに表示。

📄

xlsx インポート

Excelファイルをそのまま読み込み。セル値・スタイル・結合・罫線を維持。

⚛️

React & Vue 対応

両フレームワーク向けのラッパーを提供。TypeScript型定義付き。

🔒

Lite & Pro

オープンソース向けに無料Lite版を提供。Pro版は高度な機能と商用サポート付き。

ライブデモ

StackBlitzですぐ動かせます。セットアップ不要。

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

数分ではじめられます

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

無料ではじめて、必要に応じてアップグレード。

MITライセンス

無料

Lite

コアグリッドレンダリング
xlsxインポート
React & Vue ラッパー
TypeScript対応
コミュニティサポート（GitHub Issues）

npm で Lite を入手

商用ライセンス

お問い合わせ

Pro

Liteの全機能
高度なセル数式
xlsxエクスポート
優先サポート
商用利用ライセンス

Pro のお問い合わせ