Drawably

是什么

Drawably 是一个手绘风格 UI 控件生成工具：用 CSS 绘制按钮、输入框等控件，并且每次挂载都会重新“手绘”一遍，产生自然的线条抖动与草图感。

使用场景

• 给产品原型、手账风页面加入手绘控件
• 需要“每帧略有不同”的草图动效时直接取用
• 作为 CSS 绘制技巧的参考实现

为什么收藏

• 纯 CSS 实现，体积小、易改造
• 开源 MIT，可复制到自己的项目里

提示：手绘抖动会带来持续的视觉变化，正式产品里注意控制频率，避免干扰阅读与无障碍体验。

官方地址：https://www.drawably.dev/#install