コンテンツへスキップ

NuxtUIは、Nuxtフレームワークで構築する最新のウェブアプリケーション向けUIライブラリです。スタイル設定済みでカスタマイズ可能なコンポーネントを豊富に揃え、魅力的でレスポンシブなアプリケーションを簡単かつ効率的に作成できます。

設定の柔軟性と使いやすさを重視しており、Tailwind CSSから直接カラーパレットを選択できます。選んだ色はコンポーネントに自動で反映されます。各コンポーネントはApp Configまたは個別のpropsから自由にカスタマイズでき、開発者とユーザーそれぞれのニーズに合わせた体験を実現します。

人気のアイコンライブラリから豊富なアイコンを利用できるほか、ライトモードとダークモードを標準でサポートしています。また、Vue composablesによるキーボードショートカットも利用でき、アクセシビリティと操作性を高めます。

無料版に加えて、NuxtUI Proでは複雑なアプリケーションをすばやく構築できるプレミアムVueコンポーネントを利用できます。画面サイズに応じたレスポンシブな設計で、ランディングページ、ドキュメント、SaaS製品向けの高度なコンポーネントなど、さまざまな用途に対応します。

機能

  • Nuxt向けのスタイル設定済みでカスタマイズ可能なUIコンポーネント
  • Tailwind CSSからカラーパレットを選択
  • ライトモードとダークモードを標準でサポート
  • 人気のライブラリから10万以上のアイコンを利用可能
  • キーボードショートカット用のVue composables
  • 40以上のコンポーネントを収録
  • Nuxt Contentと完全に統合
  • 迅速な開発を支援するテンプレート
  • すべてのコンポーネントがレスポンシブデザインに対応
  • Nuxt UI Proでプレミアムコンポーネントを利用可能

関連項目

ChakraUI

使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。

flowbite

レスポンシブでカスタマイズ可能なUIコンポーネントを使って、ウェブプロジェクトを強化するオープンソースライブラリです。

Radix Primitives

高品質なウェブアプリやデザインシステムのための、スタイルなしでアクセシブルなオープンソースのReactプリミティブです。

Radix Vue

デザインシステムの構築に使える、カスタマイズ可能でアクセシブルなUIコンポーネントを提供する非公式のVue移植版です。

React Aria

ユーザー操作や環境に応じて適応する、アクセシビリティとカスタマイズ性に優れたコンポーネントを作成できます。

shadcn/ui

アプリケーションにすばやく組み込める強力なUIコンポーネント集です。デザインと機能性の両方を高められます。

shadcn-vue

最新のウェブアプリケーション向けに設計された、見た目に優れ、アクセシブルなコンポーネントライブラリを構築するための多機能なツールです。

ArkUI

このオープンソースのUIソリューションでは、カスタマイズ可能なコンポーネントを使って高度なデザインシステムを作成できます。さまざまなビジュアルスタイルやアクセシビリティ基準に合わせて調整できます。