蜡笔猫导航

CursorX

为开发者提供 20 多种自定义光标特效,附带实时交互预览、可复制的代码片段和可调参数面板。

UI 组件库免费React创意编程前端动画动效设计可复制组件
CursorX 官网预览

它能做什么

  • 内置 20 多种自定义光标特效,可在线交互预览
  • 提供可复制粘贴的代码片段与完整配置面板
  • 基于 React + Canvas API 实现,采用 MIT 许可
  • 附带 AI 提示词,便于交给 AI 编程工具继续改造

适合谁

  • 前端开发者给作品集或产品页添加光标动效
  • 设计师参考动效参数与交互效果
  • 学习 Canvas 光标动画实现方式的开发者

详细介绍

CursorX 是一个基于 React 与 Canvas API 的开源光标特效集合,收录了 20 多种自定义鼠标光标动效。每个特效都能在页面上实时预览并直接交互,适合想给网站增加细节动效的前端开发者。

它提供可复制粘贴的代码片段和一个完整的配置面板,便于调整参数后再使用。仓库还附带了相应的 AI 提示词,方便把特效描述交给 AI 编程工具继续改造。

使用方式上,可以直接浏览官网演示挑选效果,也可以克隆 GitHub 仓库(MIT 许可)自部署。注意:它是一组可复用组件与示例,并非整套设计系统。