面向 React、Next.js、Astro 和原生 HTML 的动态 ASCII 艺术组件库，内置 240 个作品。
92954TypeScriptMIT更新于 前天
ui-layouts/cursify
面向 React 与 Next.js 的光标动画组件库，提供可复用的跟随光标特效。
- Star
- 2,116
- Fork
- 102
- 未关闭 Issue
- 9
- 最近提交
- 7个月前
这是什么？
Cursify 是一套用于 React 与 Next.js 项目的光标动画组件集合。它以“复制代码进项目”的组件注册表形式组织，每种效果的源码都保存在仓库中，可直接加入项目后再按需调整。
仓库同时包含一个文档网站，其中有实时组件预览、组件源码文件目录以及 MDX 格式的说明页面。组件依赖 Tailwind CSS 进行样式处理，并使用 motion 库实现动画，安装时需要一并引入。代码中还使用了基于 clsx 与 tailwind-merge 的 cn 工具函数以及媒体查询 Hook。
该项目适合希望在官网或产品页面中加入交互式光标效果、又不想从零编写动画逻辑的前端开发者。
核心功能
- 01为 React 与 Next.js 提供可复用的跟随光标动画组件。
- 02使用 Tailwind CSS 处理样式，使用 motion 库实现动画。
- 03组件以源码形式提供，可直接复制到项目中。
- 04附带带有实时预览的文档网站。
适用场景
- 在营销页或落地页中加入交互式光标效果。
- 在 Next.js 站点中快速原型化悬停与光标交互。
- 以现有光标动画代码为基础，开发定制化效果。
标签
常见问题
- cursify 是什么？
- 面向 React 与 Next.js 的光标动画组件库，提供可复用的跟随光标特效。 Cursify 是一套用于 React 与 Next.js 项目的光标动画组件集合。它以“复制代码进项目”的组件注册表形式组织，每种效果的源码都保存在仓库中，可直接加入项目后再按需调整。
- cursify 可以免费使用吗？用的什么许可证？
- cursify 没有声明许可证。代码虽然公开，但没有许可证就没有明确的使用授权，正式使用前建议先联系作者。
- cursify 还在维护吗？
- 超过半年未提交。cursify 最近一次提交是在 2026年3月31日。
- cursify 适合用来做什么？
- 在营销页或落地页中加入交互式光标效果。 在 Next.js 站点中快速原型化悬停与光标交互。 以现有光标动画代码为基础，开发定制化效果。
- 在哪里获取 cursify？
- 源代码和安装说明在 GitHub 上：https://github.com/ui-layouts/cursify
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
在浏览器中绘制 Material 3 Expressive 界面，并生成供 AI 编程工具使用的提示词。
94941026TypeScriptMIT更新于 3天前
开源的 Cookie 同意管理工具，为 React、Next.js、Vue 等框架提供 GDPR 合规的 Cookie 横幅。
1988250TypeScriptApache-2.0更新于 5小时前
为 Claude Code 提供的技能，可基于 Motion.dev 生成 React、Next.js、Svelte 等框架的网页动画代码。
19434TypeScriptMIT更新于 7个月前
开源、免登录的 Three.js/WebGL 交互式 UI 组件目录，附带实时渲染与完整 React 源码。
6707628HTMLMIT更新于 2个月前
一套经过优化、可自定义的技术 Logo SVG 图标库，提供 npm 包与 React 组件。
2669214TypeScriptMIT更新于 2个月前