Reactを使うと、デザイナとプログラマの分業が難しくなります。そこは致し方ない部分もあるのですが、デザインが面倒に感じられてしまいます。 そこでReactで使えるUIフレームワークを使いましょう。今回はElemental UIを紹介します。

Elemental UIの使い方

スクリーンショットを多めに紹介します。まずはタイポグラフィ。

テーブル。

グリッド。

グリッドの形は自由に決められます。

レスポンシブなグリッド。

ボタン。

ドロップダウン型のボタンも。

アイコン。

フォーム。

水平なフォーム。

スピナー。

モーダル。

アラート。

カード。

ページネーション。

ラベル。

Webアプリケーション開発がBootstrapによって一気に伸びたのと同様に、Elemental UIによってReactベースの開発が増えるかもしれませんね。

Elemental UIはReact用のオープンソース・ソフトウェア(MIT License)です。

Elemental UI elementalui/elemental: A flexible and beautiful UI framework for React.js