目前对我而言开发Nuxt最舒适的UI框架

对于 Nuxt 来说,有很多前端 UI 框架可以选择。

比如官方的 NuxtUINuxtUI Pro,以及我的博客最开始用的框架 Primevue,都算是比较省心的框架。

但是对我来说,这几个框架用在 Nuxt 上就像是 ElementUI 用在了 Vue 的后台管理系统上一样,确实省事,也足够标准,但是前提都是你不会去二开他们的样式和功能。

一但现有的样式不满足你的审美,某个组件的功能差强人意,但心里就是感觉膈应。一切就不是那么美好了。仿佛是某个客户要求你把 ElementUI 的样式全都大改一遍,以达到他们心中的高端形象。

所以我最终选择的是 shadcn/vue + inspira-ui

shadcn/ui 在 React 那边是很火的,可能有人不知道他也有一个 vue 的版本。

使用方式是把组件下载到项目本地,所以给了你最大的可控性。

同时里面的有些组件,比如 sonner ,用的是 vue-sonner,已经是经过很多人验证的,在 toC 领域算是很美观的交互组件。还有 drawer 也是类似的情况,我觉得还是蛮方便的,把好用的组件都集合在一起。

inspira-ui是对 shadcn/vue 的一个补充和升级,主要用来实现一些炫酷的动画、特效。灵感来自于 Aceternity UI, Magic UI,填补了 vue 生态下相关组件的空白。

有这两个组件库,外加 tailwindcss ,不管是开发管理系统,还是面向用户的美观页面,都没有发现不够用的地方。

推荐你也去试一试~