youzan/vant

これは何？

主な機能

• 01モバイル向けUIコンポーネントを80種類以上提供。
• 02TypeScriptで記述されており、サードパーティ依存はありません。
• 03Vue 2とVue 3に加え、Nuxt 2とNuxt 3に対応。
• 04tree shaking、カスタムテーマ、ダークモードに対応。
• 0530以上の言語に対応した組み込みi18nとSSRをサポート。

ユースケース

• Vueでモバイル向けH5ページやWebアプリを構築する。
• リスト、ポップアップ、タブなどの標準的なモバイルコンポーネントが必要なECサイトやコンテンツサイトを作成する。
• Nuxtでサーバーサイドレンダリングに対応したモバイルサイトを開発する。

クイックスタート

1. 1

   npm で Vant をインストールします（Vue 3 プロジェクト）

   npm i vant
2. 2

   スタイルをインポートし、アプリで必要なコンポーネントを登録します

使う前に知っておきたいこと

• !Vant 3/4 のブラウザーサポート要件は Chrome 51 以降および iOS 10 以降です。Vant 2 は、より古いバージョンの Android と iOS を対象としています。
• !Vant はモバイル向け Web アプリ用に設計されており、デスクトップ向けのインターフェースには適していません。

収録されている特集

トピック

よくある質問

vant とは？

モバイルWebアプリ開発向けの、80種類以上のコンポーネントを備えた軽量でカスタマイズ可能なVue UIライブラリ。 Vantは、VueでモバイルWebアプリを構築するためのUIコンポーネントライブラリです。モバイルインターフェースでよく使われる機能をカバーする80種類以上のコンポーネントを提供し、TypeScriptで記述されており、サードパーティのランタイム依存はありません。

vant は無料で使えますか？ライセンスは？

vant は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

vant は今もメンテナンスされていますか？

活発にメンテナンス中。vant の最終コミットは 2026年11月7日 です。

vant は何に使えますか？

Vueでモバイル向けH5ページやWebアプリを構築する。 リスト、ポップアップ、タブなどの標準的なモバイルコンポーネントが必要なECサイトやコンテンツサイトを作成する。 Nuxtでサーバーサイドレンダリングに対応したモバイルサイトを開発する。

vant のインストール方法は？

npm で Vant をインストールします（Vue 3 プロジェクト）: npm i vant スタイルをインポートし、アプリで必要なコンポーネントを登録します

vant はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/youzan/vant