Cordovaに代表されるHTML5/JavaScriptを使ったスマートフォンアプリ、いわゆるハイブリッドアプリは海外では普及しています。HTML5やJavaScriptの実行速度が速くなったので、多くの目的において十分なパフォーマンスを出すようになっています。 そんなハイブリッドアプリから通常のWebサイトまで幅広くこなせるデザインフレームワークがQuasar Frameworkです。

Quasar Frameworkの使い方

デモです。スクリーンショット多めに紹介します。まずはヘッダー、フッター構成。

ツールバー。

タブ。

Android/iOSそれぞれにフィットしたデザインが用意されています。

ボタン。

画像付きカード。

テーブル。

リスト。

チェックボックス。

検索。

アコーディオン。

コンテクストメニュー。

ギャラリー。

スライダー。

ステッパー。

ツールチップ。

ツリー。

ビデオ。

Quasar FrameworkではハイブリッドアプリやSPA（シングルページアプリケーション）での利用も想定されています。iOS/Android双方がサポートされており、それぞれに合わせたデザインとなっています。

また、アーキテクチャとしてVue.jsを使っています。

Quasar FrameworkはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

Quasar Framework rstoenescu/quasar-framework: Quasar Framework