Nuxt UI

Nuxt UI 是一个模块，它提供了一组使用 Tailwind CSS 和 Headless UI 构建的 Vue 组件和组合式函数，以帮助您构建美观且可访问的用户界面。

它的目标是在构建 Nuxt 应用时提供所有与 UI 相关的内容。这包括组件、图标、颜色、暗模式，以及键盘快捷键。

功能

• 使用 Headless UI 和 Tailwind CSS 构建
• 通过 Nuxt 应用配置支持 HMR
• 支持暗模式
• 支持 LTR 和 RTL 语言
• 键盘快捷键
• 捆绑的图标
• 完全类型化
• Figma Kit

在 ui.nuxt.com 上了解更多信息

安装

npx nuxi@latest module add ui

如果您想要最新的更新，请在您的 package.json 中使用 @nuxt/ui-edge

{
  "devDependencies": {
    "@nuxt/ui": "npm:@nuxt/ui-edge@latest"
  }
}

文档

访问 https://ui.nuxtjs.org.cn 以浏览文档。

致谢

• nuxt/nuxt
• nuxt-modules/color-mode
• nuxt-modules/tailwindcss
• tailwindlabs/tailwindcss
• tailwindlabs/headlessui
• vueuse/vueuse
• egoist/tailwindcss-icons

贡献

感谢您考虑为 Nuxt UI 贡献力量。以下是一些您可以参与的方式

• 报告 Bug：如果您遇到任何 Bug 或问题，请查看报告 Bug 指南，了解如何提交 Bug 报告。
• 建议：有任何增强 Nuxt UI 的想法吗？我们很乐意听到您的想法！查看 贡献指南 以分享您的建议。

本地开发

按照文档 设置您的本地开发环境 并进行贡献。

许可证

根据 MIT 许可证 许可。