keenthemes/reui

これは何？

主な機能

• 01ベースのshadcn/uiにはない、データグリッド、ガントチャート、カンバン、イベントカレンダーなどの独自コンポーネントを27種類追加。
• 02独自コンポーネントすべてにRadix UI版とBase UI版を用意。
• 03shadcn CLIでコンポーネントをインストールし、コードを自分のリポジトリに取り込み可能。
• 04ダッシュボード風のレイアウトで表示される、組み合わせ済みのサンプルを1,264件収録。
• 05AIコーディングツール向けに、無料のMCPサーバーとエージェントスキルを提供。
• 06TypeScriptで実装され、MITライセンスで公開。

ユースケース

• ソート、フィルタリング、仮想化に対応したデータグリッドが必要な管理ダッシュボードの構築。
• ReactのWebアプリに、カレンダーやガントチャートなどのスケジュール表示を追加。
• 組み合わせ済みのダッシュボードやフォームのブロックを使って、プロダクトUIを素早くプロトタイピング。
• 検証済みのコンポーネントレジストリを使い、AIコーディングエージェントにshadcnベースのインターフェースを組み立てさせる。

クイックスタート

1. 1

   コンポーネントカタログを閲覧して、コンポーネントを選びます

2. 2

   shadcn CLI を使って、コンポーネントを shadcn/ui プロジェクトに追加します

   npx shadcn@latest add @reui/data-grid

使う前に知っておきたいこと

• !コピーして所有する形式のソースライブラリで、npm パッケージはありません。コピーしたコードは手動で保守・更新する必要があります。
• !shadcn/ui、React 18 以降、Tailwind CSS 4 以降をベースとしているため、これらの環境をあらかじめ用意する必要があります。

収録されている特集

トピック

よくある質問

reui とは？

Reactプロジェクトに直接コピーして使える、ダッシュボード風のサンプルを1,264件収録した、無料のオープンソースshadcn/uiコンポーネント・ブロックライブラリ。 ReUIは、shadcn/uiとTailwind CSSをベースにしたコンポーネントライブラリです。shadcn/uiには標準で含まれない、データグリッド、イベントカレンダー、ガントチャート、カンバンボード、フィルタービルダー、カスケーダー、コードブロック、カラーピッカーなど、独自開発のコンポーネントを27種類追加します。独自コンポーネントはすべて、Radix UI版とBase UI版の両方を利用できます。

reui は無料で使えますか？ライセンスは？

reui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

reui は今もメンテナンスされていますか？

活発にメンテナンス中。reui の最終コミットは 2026年10月16日 です。

reui は何に使えますか？

ソート、フィルタリング、仮想化に対応したデータグリッドが必要な管理ダッシュボードの構築。 ReactのWebアプリに、カレンダーやガントチャートなどのスケジュール表示を追加。 組み合わせ済みのダッシュボードやフォームのブロックを使って、プロダクトUIを素早くプロトタイピング。 検証済みのコンポーネントレジストリを使い、AIコーディングエージェントにshadcnベースのインターフェースを組み立てさせる。

reui のインストール方法は？

コンポーネントカタログを閲覧して、コンポーネントを選びます shadcn CLI を使って、コンポーネントを shadcn/ui プロジェクトに追加します: npx shadcn@latest add @reui/data-grid

reui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/keenthemes/reui