开发

drawably

由 zuoan 分享 · 2026年10月10日

drawably 产品图片

发现的理由

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

还没有评价。你的第一次体验,也许正是作者需要的反馈。

带着真实体验,加入讨论。

登录或注册 后即可提交首次体验评价。

相关的 One Take / 一家之言