网站介绍
hairline 是开发者 Lucas Markes 制作的开源网页组件库，官网本身就是演示场：页面上站着 27 个等距视角的线条小人，鼠标划过去，它们会朝指针方向做出回应动作。整个站点没有多余的文案，滚动页面即可逐个试玩。
项目 2026 年 10 月 1 日在 GitHub 建仓，一周内收获 900+ star 与 50+ fork，处于肉眼可见的上升期。所有小人都是纯 SVG 绘制，零运行时依赖，采用 MIT 许可证，个人和商业项目都可以放心使用。
亮点与玩法
- 等距线条小人 x 27 ：每个角色都有一套回应指针的动作，官网 Figures 区可以逐个点开试玩。
- 纯 SVG 零依赖 ：不挑框架，React 和原生 DOM 都能挂载，npm 一行安装 @lucasmarkes/hairline。
- 自带 Skill 教程 ：官网提供「自己画一个小人」的教程分区，想定制专属角色可以照着做。
- 迭代活跃 ：当前版本 v0.3.0，小人数量仍在增加，仓库持续更新。
怎么用
非开发者直接打开官网玩小人即可；前端开发者执行 npm install @lucasmarkes/hairline 后，按官网 Docs 文档接入 React 或任意 DOM 节点。项目 MIT 开源，源码托管在 GitHub。
网站地址
hairline 官网：https://hairline.lucasmarkes.com/
GitHub 仓库：https://github.com/lucasmarkes/hairline
发表回复