ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発者にとってデザインは大きな関門です。だからBootstrapのようなフレームワークに人気が集まります。デザインを気にせずさくさくとWebアプリケーションが開発できれば、もっとプロダクトは増えていくはずです。

そこで今回紹介するのがWebixです。HTML5のウィジェットフレームワークで、アプリ開発に大いに役立つはずです。

Webixの使い方

テーブル。セルの結合やスクロール部分の指定などかなりこだわった表示ができます。
テーブル。セルの結合やスクロール部分の指定などかなりこだわった表示ができます。

ツリービュー。
ツリービュー。

ナビゲーション。
ナビゲーション。

動画アップロード。ステータス表示機能付きです。
動画アップロード。ステータス表示機能付きです。

レイアウト。かなり細かく指定できます。
レイアウト。かなり細かく指定できます。

リスト。
リスト。

ウィンドウ。ポップアップ。
ウィンドウ。ポップアップ。

フォーム。
フォーム。

カレンダー。
カレンダー。

テーブル&ツリー。
テーブル&ツリー。

データビュー。
データビュー。

グラフ。
グラフ。

より作り込まれたデモです。

グラフと表の組み合わせです。
グラフと表の組み合わせです。

地図、国のリストなど。
地図、国のリストなど。

ファイルマネージャ。メールでも使えそうですね。
ファイルマネージャ。メールでも使えそうですね。

Webixでは様々なウィジェットを提供しています。Webサイト向けというよりも業務系を含めたWebアプリケーション開発時に便利なライブラリではないでしょうか。

WebixはHTML5/JavaScript製のオープンソース・ソフトウェア(GPL v3)です。

JavaScript UI Library, HTML5 Widgets Framework for App Development - Webix

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2