爆肝两年！打磨了一款 Vue 3 组件库（很新），欢迎体验 👏

[userKamtao]

项目地址

• 文档地址： https://lew.kamtao.com
• github： https://github.com/lewkamtao/Lew-UI

背景

依稀记得两年前，在 v2 首发第一个版本，到现在已经两年了，这个组件库仍然在每天维护。

起初有过几个小伙伴感兴趣来维护，但是发现每个人的写法参差不齐，后面可能会堆叠成一坨千奇百怪的东西，以至于我自己也没办法自主可控。所以这两年主要还是我自己在维护。

因为很喜欢前端，可以把前端当作爱好，以至于周末和下班后，仍然有热情坐在电脑前打磨各种有趣的东西。

其实 Lew-UI 和传统的大厂组件库还是有区别的，用法上更灵活，比如：

优点

• 内置近 50 个常用组件以及全局指令
• 用了最新的 Vue 3.5
• 赏心悦目的暗黑模式
• 与传统的组件库大有不同、用法更简单
• 自主研发表单引擎，复杂表单也可以写快快
• 核心团队不会跑路（很重要）

缺点

犹豫个人精力有限，组件库可能仍然无法达到企业级使用的程度。 它有以下的这些问题：

• 它还没被大规模的广泛应用
• 它还没经历过千锤百炼的测试
• 它还没适配各种千奇百怪的浏览器

但我可以肯定的是，你在 Github 上提的每一个 issues ，我都很很重视，除非能力有限没法解决 : (

无论是建议还是意见，都非常感谢兄弟们 👏👏👏

谢谢小伙伴们的建议和鼓励，每一条建议都会认真看的，很多建议非常 nice ，虽然任重道远，但有更多的动力去维护了！

[nbboy]

厉害，希望继续加油

[SleepyRaven]

设计风格挺喜欢的

[dongdongdong]

真诚请教下 UI 是自己设计的吗？可以讲下设计的流程吗

[xiangbohua]

不知道是不是问题，input 聚焦之后全选的在我这不能用 mac 最新系统 safari ，通过 tab 进去焦点不回选中，点击的话先选先然后马上就失去全选了

[edisonwong]

点进去发现一两年前 star 了。这种东西贵在坚持

[userKamtao]

@dongdongdong 没有很系统的去设计，就单纯的打磨来打磨去
@xiangbohua 我瞅瞅

[GarliCC]

很厉害啊大佬

[leaveeel]

@userKamtao 独立维护一套 ui 工作量很大，要花太多精力了。

之后可以扩展优化一下 table 组件，pc 的 ui 大多在做管理系统，表格是最多的功能之一，现在需要设定宽度和其他框架相比就很不方便，大多数情况都是自适应宽度的列。ID 那一列如果是序号的话也没必要设置 field ，如果不是序号那可以考虑加一个 index 自增列。

还有比如表头筛选、排序（结合 Dropdown ，展开输入、选择筛选项，顺序倒序）；行内编辑（数据类型、input/select/...、选项、校验规则等等）；以上可在 columns 里配置。表格行排序（拖拽）；行展开（参考 element ）等等。我之前的几个项目都用到，结合 element 另外做的封装。你可以调研一下如果有需求可以加上。不过都是后话了，反正任重而道远。

[Chatterleys]

好看

[byboy]

很好

[Jed2020]

非常酷，再接再厉，不忘初心

[encro]

我好像看到了 naive ui

[admc]

确实很赞，但是组件前缀可以简单点吗?比如只用 l-buttton 这种

[userKamtao]

@admc 这确实是个问题，有点长，l 又不太好看, 咋办

[onlinewjm]

很牛，支持一波

[yaorc]

是喜欢的风格，感谢开源分享

[caocong]

首页 3d 展示里下拉菜单的选项框是不是也保持一致 transform 方向好看些

[worldgg]

好看

[WhateverYouLike]

嘿嘿，我们之前在另一个帖子有过一面之缘。厉害厉害。

[jqtmviyu]

非常酷. 可惜个人还是干不过大团队.
我倒是希望有能力的人可以帮忙完善已有的流行框架

[ZGame]

@agileago #43 shadcn-ui 把 你是说

[JohnQuiroz]

挺好看的，有规划什么时候发布正式版吗？

[oldManNewThought]

没有 datetimepicker?暗黑主题？国际化？

[lollipogo]

赞一个

[libasten]

可能不会在项目上用，但是还是给你点个赞！

[gbw1992]

动画非常舒服，已 star

[Messmer]

这又是什么 kpi okr 任务吗

[userKamtao]

@caocong 因为下拉的气泡是层级很高的，所以很难实现到和选择器一样的方向。
@miyashitasakuya 哈哈哈，都不是，如果是，可能会坚持不到现在。

[Messmer]

@userKamtao 加油

[sealoyal]

看起来不错，我搬一个到 Avalonia

[yuchen198]

感觉很不错，先点个 star ，mark 一下了，以后也许会用到哈哈哈，之前我用 antd ，其它还好，就是 table 组件有点问题，有时候会导致页面卡死。我是爬虫和后端，偶尔可能用一下 Vue3 ，先收藏了

[inglook]

很早就关注这个库，没想到你还在坚持更新。我也写了一个比较简陋的只有几个组件的 ui 库，但是没有维护了。坚持啊，加油

[fresco]

真好真好，等再成熟一些试试看

[lyhiving]

很不错，看着表格引擎就很给力

[agileago]

@ZGame nextui

[aarong]

很喜欢 tabs 的自适应和滚动

[Yesr00]

牛逼！收藏了。

[danhua]

好像之前在 v 站看过，有点印象

[1835407125]

不错，加油

[0xD800]

文档首页很卡，不知道为什么，这是我第二次打开网页感觉到卡。其他人没问题，我是 AMD 5700G ，没有显卡。。。交互很卡

[0xD800]

@0xD800 我大概看出来了，css 特效复杂 我电脑就跟不上

[zhangkai1024]

UI 很好看 顺便问下首页的彩带效果怎么实现的呀 有示例代码可以参（抄）考（袭）下么

[qq1332783374]

再配套弄一个后台管理的模板就更加 nice 了

[userKamtao]

@qq1332783374 后续有时间 会发布一套管理模版
@zhangkai1024 看看这个库： https://github.com/catdad/canvas-confetti

[monkeyk]

楼主要不要来参与一起创业，用产品来验证框架。
我们需要前端开发，架构；也使用 VUE3 ； 公司方向是：2B AI 应用落地

[userKamtao]

@monkeyk 可以了解一下，方便留个联系方式吗？ ：）

[qq1332783374]

@userKamtao 期待你的作品

[kinfuy]

没有经过大规模使用，或有实力背景的团队支持，一般很难发展起来，别人不敢用呀，自己的小项目玩玩还行🤔

[userKamtao]

@kinfuy 是的，毕竟没有大厂那种雄厚的项目拷打，需要一个过程，加油吧。也不一定要做到人尽皆知，只需要有一小部分人用一下，在用的过程中提出问题，然后慢慢完善，这就够了。

[choryan]

风格不错挺喜欢

[admc]

@leaveeel 其实没必要，复杂 table 可以用 vxetable ，真要实现起来太过复杂了

[userKamtao]

@admc 这位仁兄 说的也是我考虑的，如果真实现完这些，单单 table 一个组件，可能比所有组件加起来还要重。而且兼容这些配置项，原本的 table 性能会受影响，如果一定要实现，我可能会单独开一个新项目来做，不想影响组件库的体积。

[leaveeel]

@admc 这个需求是存在的，使用其他依赖可能存在样式、交互不统一的问题，比起样式覆盖我个人宁愿在现有组件上加功能。所以说 table 组件是个大项目需要时间，有空的时候再去考虑做不做

[monkeyk]

@userKamtao wechat：bW9ua2V5azc=

[ticket123]

马一个，等后续正式版本

[j030110]

你就是作者啊，有幸使用过，配置表单确实很方便，但是有时候感觉负责化了，使用这个有一段时间了，忘了当时是什么场景反正就是不用反而简单用了反而复杂

[userKamtao]

@j030110 简单的场景 比方说 可以举个例子，我可以优化。