# Remotion 光标与点击动画模板

4 个免费 Remotion 光标与点击模板：跟随轨迹的光标、按钮按下、点击后输入和基础光标组件。在 Subclip 中编辑或获取 TSX 代码。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-click-animations

这些 Remotion 模板展示指针移动、悬停和点击的过程，正是这些小动作让产品演示一目了然。每个模板都是以 TSX 编写、精确到帧的 React 组件，您可以让光标与自己的录屏或界面原型对齐。

## 每个模板展示的内容

Cursor Track 让指针带着柔和的拖尾穿过场景。Button Press 在按钮被悬停和按下时推近特写。Click Type 点击输入框并输入一行文字。Cursor 是基础组件：指针平滑移到按钮上，带着波纹点击，然后继续移动。

## 使用代码

光标路径是一组帧与位置的配对，您可以重新调整时间，或让它指向您自己的按钮。可以把它们叠加在应用导览、新手引导视频和功能发布视频上，也可以把 TSX 复制到现有的 Remotion 项目中。

## 4 个模板

- [Cursor Track](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-track) (Remotion, 点击): 合成鼠标指针沿着界面上的点路径移动，并在每次到达时显示脉冲点击环。
- [Button Press](https://www.subclip.app/zh/motion-graphics-templates/remotion/button-press) (Remotion, 点击): 光标单击一个蓝色的分割操作按钮，该按钮在悬停时变暗，按下，旋转通过待处理状态并以绘制的复选标记结束。
- [Click Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/click-type) (Remotion, 点击): 一个玻璃提示框，当光标单击该字段时，其占位符会自行写入，然后硬切入提示键入的框。
- [Cursor](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor) (Remotion, 点击): 简洁的 macOS 风格光标，可选箭头或手形，带柔和阴影和点击波纹圈，适合产品演示。