目前对我而言开发Nuxt最舒适的UI框架
对于 Nuxt
来说,有很多前端 UI 框架可以选择。
比如官方的 NuxtUI
、NuxtUI 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 ,不管是开发管理系统,还是面向用户的美观页面,都没有发现不够用的地方。
推荐你也去试一试~