Elemental UI - React用のUIフレームワーク
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