Web Componentsを基盤とするオープンソースのUIツールキット。JavaScript/TypeScriptの単一コードベースから、iOS、Android、PWA向けアプリを開発できます。
quasarframework/quasar
1つのコードベースから、SPA、SSR/SSGサイト、PWA、ブラウザー拡張機能、モバイルアプリ、Electronアプリを構築できるVue.jsフレームワーク。
- スター
- 27,202
- フォーク
- 3,663
- 未解決の Issue
- 52
- 最終コミット
- 一昨日
これは何?
Quasarは、さまざまなターゲットで動作するユーザーインターフェースを構築するためのVue.jsフレームワークです。1つのコードベースから、シングルページアプリ、サーバーサイドレンダリング(SSR)や静的生成(SSG)によるサイト、プログレッシブウェブアプリ(PWA)、ブラウザー拡張機能、ハイブリッドモバイルアプリ、Electronデスクトップアプリを作成できます。
このフレームワークには、アクセシビリティに配慮したMaterial Design風のUIコンポーネントが豊富に用意されており、テーマ機能も備えています。そのため、開発者は独自のCSSをほとんど書かずにインターフェースを組み立てられます。Vue 3を基盤とし、CLIやアプリのビルド用パッケージを通じて、Viteベースのツールと連携します。
また、AIコーディングエージェントがオフラインで閲覧できるドキュメントとAPIリファレンスを提供しており、エージェントをQuasarに接続するためのMCPパッケージも含まれています。
主な機能
- 011つのコードベースから、SPA、SSR、SSG、PWA、ブラウザー拡張機能、モバイルアプリ、Electronアプリを構築
- 02アクセシビリティに配慮したMaterial Design風のVueコンポーネントを豊富に搭載
- 03UIのテーマ設定とカスタマイズに対応
- 04Viteベースのビルドツールや専用CLIと連携
- 05オフラインで利用できるドキュメントと、AIコーディングエージェント向けのMCPパッケージを提供
ユースケース
- Vueコンポーネントを使ったエンタープライズ向け管理ダッシュボードや社内ツールの構築
- 1つのWebプロジェクトからPWA、デスクトップアプリ、モバイルアプリをリリース
- Vueを使ったサーバーサイドレンダリングまたは静的生成によるマーケティングサイトの作成
- Vueを使ったブラウザー拡張機能のUI開発
クイックスタート
- 1
quasar.devの公式ドキュメントを読む
トピック
よくある質問
- quasar とは?
- 1つのコードベースから、SPA、SSR/SSGサイト、PWA、ブラウザー拡張機能、モバイルアプリ、Electronアプリを構築できるVue.jsフレームワーク。 Quasarは、さまざまなターゲットで動作するユーザーインターフェースを構築するためのVue.jsフレームワークです。1つのコードベースから、シングルページアプリ、サーバーサイドレンダリング(SSR)や静的生成(SSG)によるサイト、プログレッシブウェブアプリ(PWA)、ブラウザー拡張機能、ハイブリッドモバイルアプリ、Electronデスクトップアプリを作成できます。
- quasar は無料で使えますか?ライセンスは?
- quasar は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- quasar は今もメンテナンスされていますか?
- 活発にメンテナンス中。quasar の最終コミットは 2026年10月19日 です。
- quasar は何に使えますか?
- Vueコンポーネントを使ったエンタープライズ向け管理ダッシュボードや社内ツールの構築 1つのWebプロジェクトからPWA、デスクトップアプリ、モバイルアプリをリリース Vueを使ったサーバーサイドレンダリングまたは静的生成によるマーケティングサイトの作成 Vueを使ったブラウザー拡張機能のUI開発
- quasar のインストール方法は?
- quasar.devの公式ドキュメントを読む
- quasar はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/quasarframework/quasar
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Vue向けのMaterial Design UIコンポーネントフレームワーク。Webアプリケーション構築に使える、手作りのレスポンシブなコンポーネントを提供します。
トピック別にFlutterのライブラリ、プラグイン、チュートリアル、記事、サンプルアプリをまとめた厳選リスト。
Vue.jsベースのクロスプラットフォームフレームワーク。1つのコードベースからiOS、Android、HarmonyOS、Web、多数のミニプログラム向けアプリを開発できます。
Windows、macOS、LinuxでAndroid端末をミラーリング・操作できるscrcpy向けデスクトップGUI。
Google公式のMaterial Designアイコンセット(Material Symbolsと従来のMaterial Icons)。SVG、アイコンフォント、Android、iOS形式を提供します。