介绍
欢迎来到 NextUI 文档!

什么是 NextUI?
NextUI 是一个用于 React 的 UI 库,可帮助您构建美观且易于访问的用户界面。它基于 Tailwind CSS 和 React Aria 构建。
NextUI 的主要目标是简化开发过程,提供美观且适应性强的系统设计,以增强用户体验。
常见问题解答
NextUI 是一个与 Vercel 相关的项目吗?
不是,NextUI 是一个独立的社区项目,与 Vercel 无关。
NextUI 与 TailwindCSS 有什么不同?
-
TailwindCSS:
Tailwind CSS 是一个 CSS 框架,提供原子 CSS 类来帮助您设置组件样式,但您需要处理许多其他事情,如可访问性、组件组合、键盘导航、样式覆盖等。
-
NextUI:
NextUI 是一个 React UI 库,它结合了 TailwindCSS 的强大功能和 React Aria,为构建可访问且可自定义的用户界面提供了完整的组件(逻辑和样式)。由于 NextUI 使用 TailwindCSS 作为其样式引擎,您可以在 NextUI 组件中使用所有 TailwindCSS 类,从而确保最佳的编译 CSS 大小。
NextUI 与 TailwindCSS 组件库有什么不同?
TailwindCSS 组件库,例如 TailwindUI, Flowbite, 或 Preline,仅提供精选的 TailwindCSS 类来设置组件样式。它们不提供任何 React 特定的组件、逻辑、props、组合或可访问性功能。
与这些库相比,NextUI 是一个完整的 UI 库,提供一组可访问和可自定义的组件、钩子和实用程序。
NextUI 如何处理 TailwindCSS 类冲突?
我们创建了一个名为 tailwind-variants 的 TailwindCSS 实用程序库,它可以自动处理 TailwindCSS 类冲突。这确保您的自定义类将始终覆盖默认类,消除任何重复。
NextUI 使用运行时 CSS 吗?
不。由于 NextUI 使用 TailwindCSS 作为其样式引擎,它会在构建时生成 CSS,从而无需运行时 CSS。这意味着 NextUI 完全兼容最新的 React 和 Next.js 版本。
NextUI 支持 TypeScript 吗?
是的,NextUI 是用 TypeScript 编写的,并且完全支持它。
我可以在其他前端框架或库(如 Vue 或 Angular)中使用 NextUI 吗?
不,NextUI 是专门为 React 设计的,因为它构建在 React Aria 之上。但是,您仍然可以在其他框架或库中使用 NextUI 组件的样式部分。
为什么 NextUI 使用 Framer Motion?
我们使用 Framer Motion 来动画一些组件,因为动画的复杂性和其基于物理的特性。Framer Motion 允许我们以更直接和高性能的方式处理这些动画。此外,它经过了良好的测试并且可以投入生产。
社区
我们很高兴看到社区采用 NextUI,提出问题并提供反馈。无论是功能请求、错误报告还是展示项目,请积极参与!
贡献
我们始终欢迎在 NextUI 上提交 PR,请参阅我们的贡献指南,了解如何为该项目做出贡献。