Webアプリケーションを作る際に大事なのがUIです。Bootstrapのようなテーマもありますが、まだまだ足りない部品があることも多いでしょう。そうしたときに工夫すれば実装できるのか、または最初から用意されているのかで大きな違いがあります。 今回紹介するRing UIはJetBrains社製のUIフレームワークになります。

Ring UIの使い方

スクリーンショット多めで紹介します。まずはアラート。

ログイン。

アバター。

バッジ。

ボタン。

ボタングループ。

チェックボックス。

日付ピッカー。

エラーメッセージ。

フッター。

グリッド。

Markdown。

ページネーション。

タグリスト。

Ring UIでは他にも何十種類ものUIコンポーネントが公開されています。コンポーネントが多ければそれだけ実現できるUIが増え、全体の雰囲気も統一できます。雰囲気的には一般的なWebサイトはもちろん、業務システムなどでも使えそうなUIとなっています。

Ring UIはHTML5/JavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

Getting Started — Ring UI