概览
Lumen UI 始于一个简单的不满:小项目不值得为了一套组件引入 200KB 的运行时。
问题
主流组件库要么太重,要么太丑。我想要一套设计克制、体积可控、可以放心改源码的组件库。
我的角色
发起人兼维护者:设计规范、API 设计、组件实现与文档站都由我完成,目前有几位社区贡献者参与。
方案
- 全部样式基于 Design Tokens,CSS 变量一键换肤
- 组件零运行时依赖,按需加载
- 文档站即测试环境,每个示例都是可交互的用例
技术实现
使用 TypeScript 严格模式开发,样式层完全基于 CSS 自定义属性;通过 Storybook 驱动开发与视觉回归。
成果
在我的个人项目与两个客户项目中标配使用,打包体积控制在同类库的 1/5。
经验
组件库最难的不是组件,而是 API 的克制。每加一个 prop,都要能回答"为什么不能没有它"。
