Rebass - Reactで使えるUIコンポーネント集
ユーザ向けに使うライブラリを使いたいと思うかどうかは、UIが優れているかどうかに大きく左右されます。特にBootstrapが出てきてから、その傾向が強くなっているように感じます。 今回はReactと組み合わせて使うUIライブラリRebassを紹介します。実に57種類(執筆時点)もある、UIライブラリです。
Rebassの使い方
スクリーンショットを多めに、主立ったUIコンポーネントを紹介します。まずはアロー。
![]()
アバター。
![]()
ラベル。
![]()
ブロック。
![]()
引用。
![]()
パンくず。
![]()
ボタン。
![]()
丸形ボタン。
![]()
ドーナッツ型。
![]()
YouTubeの埋め込み。
![]()
フォームもあります。インプット。
![]()
パネル。
![]()
プログレスバー。
![]()
レーティング。
![]()
ウィザード風に。
![]()
スイッチ。
![]()
テーブル。
![]()
ツールチップ。
![]()
Rebassはこの他にもたくさんのUIコンポーネントが揃っています。これだけあれば、Webサイトを自由に作成できることでしょう。こったパーツだけでなく、パンくずのような一般的な部品も揃っているのが良い点です。
RebassはReact/JavaScript製のオープンソース・ソフトウェア(MIT License)です。
Rebass jxnblk/rebass: Configurable React Stateless Functional UI Components