はじめに
NextUIのドキュメントへようこそ！
NextUIとは？
NextUIは、美しくアクセシブルなユーザーインターフェースを構築するのに役立つReact用のUIライブラリです。 Tailwind CSSとReact Ariaの上に構築されています。
NextUIの主な目標は、開発プロセスを効率化し、ユーザーエクスペリエンスを向上させるための美しく適応可能なシステム設計を提供することです。
FAQ
NextUIはVercel関連のプロジェクトですか？
いいえ、NextUIは独立したコミュニティプロジェクトであり、Vercelとは関係ありません。
NextUIはTailwindCSSとどう違うのですか？
-
TailwindCSS:
Tailwind CSSは、コンポーネントのスタイルを設定するのに役立つアトミックCSSクラスを提供するCSSフレームワークで、アクセシビリティ、コンポーネント構成、キーボードナビゲーション、スタイルオーバーライドなど、その他多くのことを処理する必要があります。
-
NextUI:
NextUIは、TailwindCSSの力をReact Ariaと組み合わせ、アクセシブルでカスタマイズ可能なユーザーインターフェースを構築するための完全なコンポーネント（ロジックとスタイル）を提供するReact用のUIライブラリです。NextUIはスタイルエンジンとしてTailwindCSSを使用しているため、NextUIコンポーネント内でTailwindCSSクラスをすべて使用でき、最適なコンパイル済みCSSサイズを保証します。
NextUIはTailwindCSSコンポーネントライブラリとどう違うのですか？
次のようなTailwindCSSコンポーネントライブラリ
TailwindUI,
Flowbite、または
Prelineなどのライブラリは、コンポーネントをスタイルするためのTailwind CSSクラスの厳選されたセレクションを提供するだけです。React固有のコンポーネント、ロジック、props、構成、またはアクセシビリティ機能は提供していません。
これらのライブラリとは対照的に、NextUIは、アクセス可能でカスタマイズ可能なコンポーネント、フック、ユーティリティのセットを提供する完全なUIライブラリです。
NextUIはTailwind CSSクラスの競合をどのように処理しますか？
私たちは、 tailwind-variants というTailwind CSSユーティリティライブラリを作成しました。これは、Tailwind CSSクラスの競合を自動的に処理します。これにより、カスタムクラスが常にデフォルトのクラスを上書きし、重複を排除します。
NextUIはランタイムCSSを使用しますか？
いいえ。NextUIはスタイルエンジンとしてTailwind CSSを使用しているため、ビルド時にCSSを生成し、ランタイムCSSの必要性を排除します。これは、NextUIが最新のReactおよびNext.jsバージョンと完全に互換性があることを意味します。
NextUIはTypeScriptをサポートしていますか？
はい。NextUIはTypeScriptで記述されており、完全にサポートしています。
NextUIをVueやAngularなどの他のフロントエンドフレームワークやライブラリで使用できますか？
いいえ。NextUIはReact Ariaの上に構築されているため、React専用に設計されています。ただし、NextUIコンポーネントのスタイリング部分は他のフレームワークやライブラリでも使用できます。
NextUIがFramer Motionを使用する理由は何ですか？
アニメーションの複雑さと物理ベースの性質のため、一部のコンポーネントをアニメーション化するためにFramer Motionを使用しています。Framer Motionを使用すると、これらのアニメーションをより簡単かつパフォーマンスの高い方法で処理できます。さらに、十分にテストされており、本番環境に対応しています。
コミュニティ
私たちは、コミュニティがNextUIを採用し、問題を提起し、フィードバックを提供してくれることを楽しみにしています。機能リクエスト、バグレポート、または紹介するプロジェクトなど、ぜひご参加ください！
貢献
NextUIへのPRはいつでも歓迎します。このプロジェクトへの貢献方法については、貢献ガイドラインを参照してください。
