kevintngo/looseleaf

Looseleaf 是一套手绘风格的 React 组件库，可以理解为 shadcn/ui 的「纸上涂鸦版」：按钮、侧边栏、图表等 123 个组件的结构、props 和 data-slot 名称与 shadcn/ui 完全一致，替换时不用改 JSX，但所有表面看起来像纸张、线条像钢笔画出来的，还附带贴纸、印章、涂鸦和一套手写字体 Kevin Sans。它内置 61 个现成区块（登录页、仪表盘、定价页、聊天界面等），可访问性也做得很扎实，键盘操作、焦点可见、AA 对比度、RTL 都覆盖了。装饰是皮肤，底层语义仍是标准 Radix。适合前端和 UI 工程师，尤其是想给产品做差异化视觉、又不想牺牲可用性的场景，比如独立开发者的落地页、笔记类或教育类应用的界面；如果你只是做常规后台系统，这套手绘风格未必合适，可以略过。

Star 趋势

仓库信息