drawably
由 zuoan 分享 · 2026年10月10日
发现的理由
drawably 是一套手绘风 UI 控件库:按钮、复选框、开关、卡片等 25 种常用控件,全部画成抖动的钢笔素描线条,还带"沸腾"微动画,像纸上涂鸦一样活过来。
- 每次挂载都是新素描:基于种子随机数生成,每次渲染的线条都不一样,还能锁定喜欢的版本,粗糙度和抖动幅度都可调
- 轻到离谱:零依赖,JS 约 9KB(gzip)、样式表 3KB,另有 React 封装(体积增加不到 1KB)
- 开箱即用:npm 一行引入,同时支持原生 JS 和 React;按钮自带 idle/loading/error/success 状态机,异步场景直接用
热度背书
GitHub 开源(MIT 协议),仓库 danielwh2/drawably 获 798 star(2026-10-10 查询),最近更新为 2026-10-10;另有社区维护的 Flutter 版本 drawably_flutter。
| 维度 | 评分 | 理由 |
|---|---|---|
| 新鲜度 | ★★★★★ | 手绘 UI 不是新概念,但"种子随机+沸腾动画"的实现方式很新 |
| 完成度 | ★★★★☆ | 25 个控件+状态机+文档齐全,v0.4.2 仍在迭代 |
| 推荐度 | ★★★★★ | 想给页面加点"人味"、告别千篇一律圆角矩形的开发者必看 |


体验与讨论 / 0
还没有评价。你的第一次体验,也许正是作者需要的反馈。
登录或注册 后即可提交首次体验评价。