丰富的组件，覆盖各类业务场景
请输入有效邮箱
为现代 Web 应用量身打造
一行配置集成，组件和 Composables 全自动导入，完整 SSR 支持。
完整类型推导，Props 自动补全，开发体验一流。
内置 NChart 组件与 useChart 组合式函数，按需加载零配置。
CSS 变量架构，覆盖变量即定制主题色、圆角、间距。
useToggle / useLoading / useMessage / useNotification / useChart 等。
内置 Markdown 编辑器与渲染组件，适用于文档站、博客场景。
按场景划分，快速定位所需组件
两步集成，开箱即用
npm install nacr-design// nuxt.config.ts
export default defineNuxtConfig({
modules: ['nacr-design']
})<template>
<NButton variant="primary" @click="submit">提交</NButton>
<NChart :option="chartOption" height="300" />
</template>
<script setup>
const { withLoading } = useLoading()
const { success } = useMessage()
async function submit() {
await withLoading(() => fetch('/api/submit'))
success('提交成功！')
}
</script>开源免费，MIT 许可