sounansa.net

Reactでフロントエンドを開発するのに便利な管理画面テンプレートをまとめてみました。

過去に書いたReactのテンプレートの記事もよろしければ参考にしてください。

React以外の選択肢として、AngularやVue.jsもありならば、こちらの記事も参考にしてください。

無料テンプレート

react admin

マテリアルデザインのテンプレートです。グラフやモーダルなどコンポーネントはあまり実装されていません。ライセンスはMITです。
けっこう更新しているみたいなので、今後に期待です。

Antd Admin

白を基調とした明るい画面デザインが素敵なテンプレートです。中国製のようです。ライセンスはMITです。

React Blur Admin

BlurAdminの名前の通り、ぼかしのかかったグラデーションの素敵なデザインのテンプレートです。ダッシュボード、約ページ、テーブル、ボタン、プログレスバー、モーダル、タブ、入力、通知などのさまざまなコンポーネントが用意されています。
Bootstrap4がベースとなっています。ライセンスはMITです。

有料テンプレート

Sing App

白を基調にしたデザインが明るく好印象の、スタイリッシュなテンプレートです。コンポーネントもドキュメントも充実しているのは有料版ならではのメリットですね。

Light Blue

透明感のあるブラーのかかった背景グラデーションがおしゃれなテンプレートです。ReactだけでなくAngular5にも対応しています。Reactはサーバーサイドレンダリングにも対応しているとのことです。

SPIN

Bootstrap3をベースにしたテンプレートです。黒を基調としたデザインが特徴です。多くのコンポーネントが用意されています。
グラフの色使い、デザインはおしゃれで取り入れたいですね。ぜひ参考にしてみてください。

SimpliQ

Bootstrap4のテンプレートです。お値段は他と比べると少々高めですが、AngularとVue.jsのテンプレートも一緒についてきます。また、更新頻度が月2回と、こまめにアップデートする姿勢は購入後のサポートを考えたらとても安心感があります。

Angle

Bootstrap4のテンプレートです。AngularとVue.js、静的HTML、Ruby on Rails、ASP.netのテンプレートもセットになっており、購入後のアップデートのダウンロードはずっと無償であるという太っ腹な商品です。

Doar – Responsive React Admin Template

メニューが上部のシンプルなテンプレートです。実際、サイドメニューよりもヘッダーメニューだけのほうがリキッドデザインに苦労しなくて済むので楽です。価格は$8とけっこうお安いです。