挖到一个让Vue项目变好看的UI库
上周我接了个内部管理系统，设计稿给得特别抽象，用Element UI吧，满大街都是那个味儿，客户看了说“太像后台了”。正愁着，在GitHub上瞎逛，发现一个叫Vuesax的Vue组件库，官网句话就戳中我：“We love what we do. Let us help you do what You love.” 好家伙，这态度，先看看再说。
【不是又一个Material换皮】 Vuesax官方说得很直白——他们不基于任何设计规范，比如Material Design，而是从零开始设计每个组件。这意味着你用它的按钮、弹窗、表格，出来就是一套独特风格，不会跟别人的项目撞脸。而且它原生支持CSS变量，改主题色、切暗黑模式，几行JavaScript就能搞定，不用写一堆覆盖样式。目前版本是4.0，还在迭代中，社区在Discord和GitHub上都很活跃。
【几行代码搭界面，不折腾】 它提供了Button、Alert、Loading、Input、Checkbox、Switch、Select、Avatar、Notification、Radio、Tooltip、Dialog、Pagination、Table、Navbar、Sidebar、Card、Layout Grid等常用组件，基本覆盖后台和前台页面的常见场景。官方强调“with few lines of code”，我试了下，确实，一个带图标、状态、点击反馈的按钮，几行就搞定，不用自己写一堆样式和交互逻辑。而且组件是独立引入的，不会一次性把整个库塞进项目，按需加载，对性能友好。
【连Nuxt作者都在用】 Vuesax的GitHub页面上，Nuxt.js的作者发推说“Vuesax 4 is oxygen for us”，还有开发者称它是“Best looking Vue component library”。虽然它不像Element那么成熟，但胜在视觉新鲜、设计自由度高。如果你也受够了千篇一律的UI库，想给项目来点不一样的质感，可以到vuesax.com看看文档和Live Demo。对了，它完全开源，也接受Patreon赞助。你最近做项目有没有遇到特别顺手的UI库？来聊聊。
评论
暂无评论