tusen-ai/naive-ui

これは何？

主な機能

• 0190以上のコンポーネントを提供し、すべてツリーシェイクに対応。
• 02型安全なテーマ上書きオブジェクトによるテーマのカスタマイズ。
• 03テーマ設定にLess、Sass、CSS変数、webpack loaderは不要。
• 04TypeScriptで書かれており、TypeScriptプロジェクトで利用可能。
• 05コンポーネントの利用に別途CSSのインポートは不要。
• 06データコンポーネントではデフォルトで仮想リストを使用。

ユースケース

• Vue 3プロジェクトで管理ダッシュボードやバックオフィス向けインターフェースを構築する。
• JavaScriptオブジェクトでカスタマイズできるテーマ付きデザインシステムを作成する。
• フォームやデータ用の既成コンポーネントを多数必要とする、TypeScriptベースのVueアプリケーションを開発する。

クイックスタート

1. 1

   npmからライブラリをインストールします

   npm i naive-ui
2. 2

   推奨フォントパッケージをインストールします

   npm i vfonts
3. 3

   ドキュメントサイトを参照して、コンポーネントの使用を始めましょう

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

• !Vue 3が必要です。Vue 2には対応していません。

トピック

よくある質問

naive-ui とは？

90以上のツリーシェイク対応TypeScriptコンポーネントと、型安全なテーマ上書き機能を備えたVue 3コンポーネントライブラリ。 Naive UIは、TypeScriptで書かれたVue 3向けのコンポーネントライブラリです。90以上のコンポーネントを提供し、ツリーシェイクに対応しているため、それぞれを個別にインポートでき、未使用のコンポーネントがバンドルに含まれることはありません。

naive-ui は無料で使えますか？ライセンスは？

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

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

活発にメンテナンス中。naive-ui の最終コミットは 2026年10月5日 です。

naive-ui は何に使えますか？

Vue 3プロジェクトで管理ダッシュボードやバックオフィス向けインターフェースを構築する。 JavaScriptオブジェクトでカスタマイズできるテーマ付きデザインシステムを作成する。 フォームやデータ用の既成コンポーネントを多数必要とする、TypeScriptベースのVueアプリケーションを開発する。

naive-ui のインストール方法は？

npmからライブラリをインストールします: npm i naive-ui 推奨フォントパッケージをインストールします: npm i vfonts ドキュメントサイトを参照して、コンポーネントの使用を始めましょう

naive-ui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/tusen-ai/naive-ui