Nuxt Naive UI
Unofficial Naive UI integration for Nuxt.
[!Note]
The official naive-ui module for Nuxt is recently created and can be found here .
Features
✔️ SSR friendly
✔️ Auto imported and tree-shakable components & composables
✔️ Highly customizable for color mode and device type
✔️ Friendly integration with Tailwindcss
✔️ Adds custom components
Installation
Add @bg-dev/nuxt-naiveui dependency to your project
# Using npm
npm install --save-dev @bg-dev/nuxt-naiveui
# Using yarn
yarn add --dev @bg-dev/nuxt-naiveui
Documentation
The documentation website can be found here .
Development
# Install dependencies
yarn install
# Generate type stubs
yarn dev:prepare
# Develop with the playground
yarn dev
# Build the playground
yarn dev:build
# Run ESLint
yarn lint
License
MIT License
关于 @bg-dev/nuxt-naiveui 的常见问题@bg-dev/nuxt-naiveui 是什么? Unofficial Naive UI module for Nuxt
如何安装 @bg-dev/nuxt-naiveui? 在项目目录运行 npm install @bg-dev/nuxt-naiveui,或使用 pnpm add / yarn add / bun add。
@bg-dev/nuxt-naiveui 支持 TypeScript 吗? 支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。
@bg-dev/nuxt-naiveui 支持 ESM 还是 CommonJS? 以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。
@bg-dev/nuxt-naiveui 可以商用吗? @bg-dev/nuxt-naiveui 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。
@bg-dev/nuxt-naiveui 的下载量有多少? 根据 npm 官方下载统计,@bg-dev/nuxt-naiveui 在 2026/10/08 – 2026/11/06 这 30 天内被下载 6,014 次,日均约 200 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@bg-dev/nuxt-naiveui 还在维护吗? 最新版本 2.0.0 发布于 2025/10/02(1.1 年前);至今共发布 158 个版本,其中过去 12 个月发布了 0 个;首次发布于 2023/02/23。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。