wink-cursor

wink-cursor 是什么？

wink-cursor 是一个轻量级 React 组件，它用自定义图片替换系统默认光标——并在每次点击时让光标"眨眼"。用户看到的不是静态指针，而是一个俏皮的 emoji 或图标，每当他们在应用中点击时，光标会短暂切换为眨眼动画。该组件设计简洁：安装后放入 React 应用，无需任何配置即可在整个页面生效。

适用人群

• 产品设计师：希望为引导流程或落地页增添个性色彩，又不想投入自定义动画工作。
• React 开发者：寻找即插即用的微交互组件，只需少量代码即可开箱即用。
• 创意项目构建者：制作作品集、互动故事或趣味网页体验，让光标本身成为品牌的一部分。

核心功能

完全可自定义的图片与尺寸

您可以为空闲光标和点击触发的眨眼图片设置任意图片 URL。通过 size 属性，您可以控制光标尺寸（以像素为单位），使其适配您的设计——无论是小巧的 emoji 还是较大的品牌图标。

可调节的眨眼时长

duration 属性决定点击后眨眼图片的显示时长（以毫秒为单位）。这让您能精细控制动画效果——从快速闪烁到更持久的俏皮效果。

轻量且易于安装

该组件以单个 npm 包形式发布，无繁重依赖。安装只需一条命令，使用只需一次导入和一个 JSX 标签。无需 CSS 覆盖或全局样式修改。

亮点

"小小的愉悦感能带来大不同——尤其在引导页、落地页和创意项目中。"

大多数网页界面都显得纯粹功能化。wink-cursor 将点击这一平凡动作转化为惊喜时刻。无需构建自定义悬停状态或动画序列，您就能获得一个覆盖整个应用的现成微交互。眨眼效果微妙到不会分散注意力，但又足够引人注目，让用户会心一笑。这是一个罕见的 UI 组件范例——在优先考虑愉悦感而非实用性的同时，又不牺牲性能。

值得一试，如果……

您正在构建一个需要增添个性的 React 应用——尤其是落地页、引导流程、作品集或任何第一印象至关重要的项目。如果您曾希望光标不再像工具，而更像一个角色，wink-cursor 用不到 10 行代码就能实现这一点。