# 免费 Remotion 动态图形模板

151 React 中的免费 Remotion 视频模板：文本、演示和 3D。在 Subclip 中编辑或获取 Claude 的 TSX。

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

这些免费的 Remotion 模板是用 TSX 编写的 React 视频场景。它们适用于用代码构建视频的开发人员以及使用 Claude 或 Codex 等 AI 编码代理的任何人。该套件涵盖动态排版、产品演示场景、徽标展示、图表、地图和 3D 元素，每个元素都带有可以更改的打字道具。

## React 由机架号驱动的组件

Remotion 模板是 React 组件。它不播放时间线，而是询问当前帧编号并从中计算每个位置、不透明度和颜色。第 45 帧看起来始终相同，这使得渲染变得可预测，并让您可以毫不意外地拖动到任意点。

每个模板都将其设置公开为道具。文本模板采用单词、文本或标题等道具。产品场景获取图像、徽标源、颜色和时间值（例如保持持续时间）。大多数都有一个用于缩放整个动画的 speed 道具，并且许多都有一个用于场景周围区域的 stageBackground 道具。更改道具会更改每一帧的输出，无需手动移动关键帧。

有些模板更进一步。 Golden bounce 3D 使用 Three.js 和确定性重力渲染球体，Glowing fish 在弹簧入口处包裹 Lottie 动画，Map explainer 在地球上绘制路线，并使用跟随它们的相机。

## Remotion 套装中有什么

占比最大的是产品演示动画。 Answer Stream 遵循从发送按钮到键入答案的 AI 回复，Agent Steps 显示带有旋转器和复选标记的任务日志，Terminal Simulator 键入命令并打印输出，Cursor Track 将指针移过任何 UI 并发出点击环，Phone Frame 和 Laptop Frame 将屏幕截图或记录放置在设备内。

标志作品包括Logo Flicker、Logo Assemble、Logo Collapse和Wordmark Cut。动态排版范围从 Text Reveal 和 Text Swap 到 Swing Typography、Flood Typography、Ink Flood 和 Glass Type 等全字体场景。 Data story 和 Split comparison 处理图表和前后数字，River sequence 在地图上绘制一条河流并显示国家/地区。

## Subclip 如何运行 Remotion 模板

每个 Remotion 模板都预装在 Subclip（Mac 和 Windows 的桌面 AI 视频编辑器）中。在时间轴上放置一个，Subclip 会在素材旁边使用道具渲染该组件。你可以自己编辑道具或询问AI代理："将标题更改为更快发货"、"使用我们的品牌蓝色"、"使其速度减半"。代理更新道具，然后您导出完成的视频。

某些模板需要 Subclip 的运行时并且仅在应用程序内工作。这包括文本集中的文字效果场景，例如 Blur Reveal、Stamp Type 和 Rush Type，以及 Map explainer 中的地球。他们的页面指向应用程序而不是代码包。

## Claude、Codex 和您自己的项目的代码包

大多数 Remotion 模板在免费登录后都会附带代码包。带提示复制代码是最快的途径：它将完整的 TSX 和 Claude 或 Codex 的提示放在剪贴板上，命名代理可以更改的道具。将其粘贴到您的代理中并描述您想要的编辑。

如果需要文件，请下载 zip 文件。它包含 template.tsx、具有默认值的 props.json、解释如何在新的 Remotion 项目中运行它的 README 以及告诉编码代理可以编辑内容的 AGENTS.md 和 CLAUDE.md 文件。从那里，您可以使用自己的 Remotion 设置渲染它，或者使用现有合成中的组件。

## 151 个模板

- [Logo Flicker](https://www.subclip.app/zh/motion-graphics-templates/remotion/logo-flicker) (Remotion, Logo 动画): 徽标介绍，图像在中央卡片上快速闪烁，然后减慢速度，淡出并留下您的徽标和品牌名称。
- [Laptop Frame](https://www.subclip.app/zh/motion-graphics-templates/remotion/laptop-frame) (Remotion, 屏幕与设备): 笔记本电脑模型动画，其中盖子打开，播放凹口通知，相机推入屏幕，直到内容填满框架。
- [Logo Assemble](https://www.subclip.app/zh/motion-graphics-templates/remotion/logo-assemble) (Remotion, Logo 动画): 徽标显示一圈图像卡围绕一行文本旋转，然后向内折叠到您的徽标和品牌名称。
- [Phone Frame](https://www.subclip.app/zh/motion-graphics-templates/remotion/phone-frame) (Remotion, 屏幕与设备): 手机风格的模型动画，将您的应用程序屏幕截图或屏幕录制内容放置在手机框架内，并带有入口和柔和的浮动。
- [Answer Highlight](https://www.subclip.app/zh/motion-graphics-templates/remotion/answer-highlight) (Remotion, AI聊天输入): 一种聊天风格的人工智能回答动画，其中出现问题、输入回复，然后选择一个关键短语并以蓝色突出显示。
- [Agent Steps](https://www.subclip.app/zh/motion-graphics-templates/remotion/agent-steps) (Remotion, AI聊天输入): AI 代理任务日志在提示下列出了每个步骤，其中的小图标会在工作完成时变成复选标记。
- [Announce Title](https://www.subclip.app/zh/motion-graphics-templates/remotion/announce-title) (Remotion, 产品演示): 产品公告介绍，通过短眉毛、带有您的品牌符号的大标题以及深色背景上的结束标语。
- [Answer Stream](https://www.subclip.app/zh/motion-graphics-templates/remotion/answer-stream) (Remotion, AI聊天输入): 流式 AI 聊天动画从发送按钮附近开始，然后随着标题和卡片的答案输入而拉回。
- [Text Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-reveal) (Remotion, 标题): 动态排版标题，逐字或逐字母地显示一条短线，将其保留在屏幕上，然后让它消失。
- [Text Highlight](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-highlight) (Remotion, 标题): 句子中一个单词的强调动画，具有标记、颜色偏移、下划线、删除线、闪光和徽标旋转样式。
- [Text Rewrite](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-rewrite) (Remotion, 标题): 打字机文本动画，其中输入标题，选择并删除其结尾，并在其位置输入新单词。
- [Text Select](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-select) (Remotion, 标题): 打字机一行字地输入，然后用柔和的蓝色文本选择和一闪而过的光芒突出显示。
- [Text Swap](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-swap) (Remotion, 标题): 一种旋转标题动画，使用交错的单词或字母过渡将一行文本交换为另一行。
- [Text Swell](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-swell) (Remotion, 标题): 动态排版标题，其中单词上升到适当的位置，在线条消退之前，弹跳波穿过字母。
- [Text Build](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-build) (Remotion, 标题): 逐字文本构建，其中每个新单词都会滑入，并且屏幕上已有的单词会移动以保持行居中。
- [Word Flip](https://www.subclip.app/zh/motion-graphics-templates/remotion/word-flip) (Remotion, 标题): 带有一个单词的打字机标题，可通过一系列选项列表进行 3D 翻转，设置为蓝色到紫色渐变。
- [Logo Drift](https://www.subclip.app/zh/motion-graphics-templates/remotion/logo-drift) (Remotion, Logo 动画): 徽标墙动画，其中集成图块从每个边缘飘过，同时相机拉回，标题出现在中心。
- [Block Wordmark](https://www.subclip.app/zh/motion-graphics-templates/remotion/block-wordmark) (Remotion, Logo 动画): 徽标刺痛，彩色块旋转并构建到您的品牌名称中，然后作为大胆的文字标记保留在屏幕上。
- [Terminal Simulator](https://www.subclip.app/zh/motion-graphics-templates/remotion/terminal-simulator) (Remotion, 屏幕与设备): 一个终端动画，在黑暗的窗口中输入命令，打印输出，并可以放大以跟随光标。
- [Screen Recording](https://www.subclip.app/zh/motion-graphics-templates/remotion/screen-recording) (Remotion, 屏幕与设备): 屏幕录制场景可裁剪您捕获的内容，将其放置在圆角背景上，并通过缩放将其带入。
- [Count Grid](https://www.subclip.app/zh/motion-graphics-templates/remotion/count-grid) (Remotion, 产品演示): 一个统计动画，其中卡片网格在框架上倍增，同时中心的计数器跳到您的数字。
- [Roster Grant](https://www.subclip.app/zh/motion-graphics-templates/remotion/roster-grant) (Remotion, 产品演示): 一种 UI 动画，其中光标单击中央号召性用语按钮，周围的头像卡就会打开。
- [Wordmark Cut](https://www.subclip.app/zh/motion-graphics-templates/remotion/wordmark-cut) (Remotion, 产品演示): 最后一张卡片上有一个巨大的文字标记横跨整个框架，然后硬切到最后一个字母和渐变点的特写。
- [Cursor Track](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-track) (Remotion, 点击): 合成鼠标指针沿着界面上的点路径移动，并在每次到达时显示脉冲点击环。
- [Follower Rush](https://www.subclip.app/zh/motion-graphics-templates/remotion/follower-rush) (Remotion, 社会认同): 社交关注者通知，一波圆形头像在屏幕上荡漾，下面的行将计入您的关注者总数。
- [Prompt Send](https://www.subclip.app/zh/motion-graphics-templates/remotion/prompt-send) (Remotion, AI聊天输入): 玻璃风格的聊天输入采用柔和的蓝色渐变，可输入提示，显示建议条，然后在光标单击发送按钮时放大。
- [Prompt Zoom](https://www.subclip.app/zh/motion-graphics-templates/remotion/prompt-zoom) (Remotion, AI聊天输入): 人工智能助手登陆屏幕，带有问候语和聊天框，可在一帧中切入输入的特写，其中提示自行键入。
- [Punch Lines](https://www.subclip.app/zh/motion-graphics-templates/remotion/punch-lines) (Remotion, 标题): 一系列全画幅标题卡，带有大胆的陈述，在节拍之间进行强烈切割，每条线都滑动、冲压或推入到位。
- [Orbit Gallery](https://www.subclip.app/zh/motion-graphics-templates/remotion/orbit-gallery) (Remotion, 产品演示): 一个黑暗的画廊介绍，圆形照片图块围绕中心旋转和螺旋，而标题、副标题和小按钮位于中间。
- [Product Hero](https://www.subclip.app/zh/motion-graphics-templates/remotion/hero-launch) (Remotion, 产品演示): 黑色产品发布英雄，两张图像卡并排滑入到位，上方显示一个短标题。
- [Moodboard Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/moodboard-reveal) (Remotion, 产品演示): 情绪板飞行，倾斜的照片卡在黑色背景上飘过，然后镜头落在单个英雄图像上。
- [Reel Collage](https://www.subclip.app/zh/motion-graphics-templates/remotion/reel-collage) (Remotion, 产品演示): 一个快速的照片卷轴，可以快速浏览幻灯片，然后快速关闭为由顶部和底部文本框框起来的分散的图像拼贴画。
- [Reel Wall](https://www.subclip.app/zh/motion-graphics-templates/remotion/reel-wall) (Remotion, 产品演示): 一面由竖屏视频片段组成的弧形墙在黑暗中从镜头前转过，从静止平缓启动，随后保持匀速旋转。
- [Phone Stack](https://www.subclip.app/zh/motion-graphics-templates/remotion/phone-stack) (Remotion, 屏幕与设备): 手机屏幕依次升起并堆叠在一起，较早的屏幕向后退去，只露出顶部，每块屏幕都播放各自的竖屏片段。
- [Portal Intro](https://www.subclip.app/zh/motion-graphics-templates/remotion/portal-intro) (Remotion, 产品演示): 一句话逐词淡入，句中的小圆角图片不断放大直至铺满画面，标题在其上逐字打出，最后品牌名称登场。
- [Dot Bloom](https://www.subclip.app/zh/motion-graphics-templates/remotion/dot-bloom) (Remotion, 转场): 一秒钟的半色调转场：白色圆点闪烁，画面褪为奶油色，随后暖色的珊瑚色、桃色和粉色圆点成带状漂移，并逐格变稀。
- [Search Typing](https://www.subclip.app/zh/motion-graphics-templates/remotion/search-typing) (Remotion, AI聊天输入): 比框架更大的宽搜索字段向前移动，自然停顿地输入查询，平移以跟随文本，然后后退。
- [Status Cycle](https://www.subclip.app/zh/motion-graphics-templates/remotion/status-cycle) (Remotion, 产品演示): 居中的文本行，末尾有一个状态药丸，其标签在状态列表中滚动，标签芯片堆叠在其周围。
- [Type Morph](https://www.subclip.app/zh/motion-graphics-templates/remotion/type-morph) (Remotion, 标题): 打字机标题在发光的插入符号下打字，去掉开头的单词，一个字母一个字母地变成一个新单词，然后在大量的颜色下结束。
- [Orb Swarm](https://www.subclip.app/zh/motion-graphics-templates/remotion/orb-swarm) (Remotion, 产品演示): 一个动态的文本场景，一个句子一次播放一个节拍，而光滑的球体在单词周围分裂、旋转、打结和连锁。
- [Word Gather](https://www.subclip.app/zh/motion-graphics-templates/remotion/word-gather) (Remotion, 标题): 一种快速的句子动画，其中单词一次出现一个，无序，并聚集成文本的中心行。
- [Word Wheel](https://www.subclip.app/zh/motion-graphics-templates/remotion/word-wheel) (Remotion, 标题): 标题旁边有一列垂直的单词，像老虎机卷轴一样旋转，并在旁边排列一个单词时停止。
- [Check Cycle](https://www.subclip.app/zh/motion-graphics-templates/remotion/check-cycle) (Remotion, 标题): 蓝色复选框旁边有一个短标题，每个节拍都会勾选该复选框，而结尾词会在多个选项之间循环。
- [Font Shuffle](https://www.subclip.app/zh/motion-graphics-templates/remotion/font-shuffle) (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, 点击): 一个玻璃提示框，当光标单击该字段时，其占位符会自行写入，然后硬切入提示键入的框。
- [Capture Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/capture-reveal) (Remotion, 屏幕与设备): 屏幕截图捕获场景，其中 Toast 在浏览器窗口上计数到 100%，窗口消失，Toast 确认副本。
- [Channel Thread](https://www.subclip.app/zh/motion-graphics-templates/remotion/channel-thread) (Remotion, 社会认同): 一个自我填充的工作聊天频道，包含头像、粗体名称、安静的时间戳和输入点后到达的简单消息行。
- [Logo Collapse](https://www.subclip.app/zh/motion-graphics-templates/remotion/logo-collapse) (Remotion, Logo 动画): 快速徽标介绍，其中一叠照片快速浏览并折叠到您的标记中，文字标记位于其旁边。
- [Card Rail](https://www.subclip.app/zh/motion-graphics-templates/remotion/card-rail) (Remotion, 产品演示): 卡片轮播，带有标题和标签的图像卡栏在标题下方的倾斜平面上横向滑动。
- [Shader Text Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/shader-text-reveal) (Remotion, 标题): 大号文字透过多彩流动的 WebGL 着色器显现，随后定格为黑底上的简洁白色文字。
- [Soft Blur In](https://www.subclip.app/zh/motion-graphics-templates/remotion/soft-blur-in) (Remotion, 标题): 标题中的每个字母从轻柔的模糊中浮现，最终定格为清晰的文字，风格类似 Apple 的主视觉标题。
- [Per Character Rise](https://www.subclip.app/zh/motion-graphics-templates/remotion/per-character-rise) (Remotion, 标题): 清晰的动态标题，每个字母依次从所在行的下方滑入原位，全程没有模糊。
- [Inline Highlight](https://www.subclip.app/zh/motion-graphics-templates/remotion/inline-highlight) (Remotion, 标题): 句子中的关键词从基础文字颜色变为您的品牌色，把视线吸引到这个词上。
- [Marker Highlight](https://www.subclip.app/zh/motion-graphics-templates/remotion/marker-highlight) (Remotion, 标题): 像用荧光笔划过一样，一道黄色马克笔笔触在某个短语后方画出，同时该短语的颜色随之改变。
- [Shimmer Sweep](https://www.subclip.app/zh/motion-graphics-templates/remotion/shimmer-sweep) (Remotion, 标题): 柔和的灰色文字上扫过一道明亮的光带，正是加载提示和 AI"思考中"标签常用的闪光效果。
- [Selection Snap](https://www.subclip.app/zh/motion-graphics-templates/remotion/selection-snap) (Remotion, 标题): 松散取景框中的单词吸附进 Figma 风格的选择框，字重从 Thin 跳到 Black，同时尺寸标签数值递增。
- [Type Wall](https://www.subclip.app/zh/motion-graphics-templates/remotion/type-wall) (Remotion, 标题): 由同一个单词重复组成的全屏文字墙，各行以不同速度向相反方向滚动，中间有一条彩色色带。
- [Period Drop](https://www.subclip.app/zh/motion-graphics-templates/remotion/period-drop) (Remotion, 标题): 单词升至原位后，一个彩色圆点从上方落下，以挤压拉伸效果弹跳，最终停在末尾成为句号。
- [Outline Trace](https://www.subclip.app/zh/motion-graphics-templates/remotion/outline-trace) (Remotion, 标题): 每个字母的轮廓一笔一笔、一个接一个地画出，随后填充从字母内部升起。
- [Glyph Anatomy](https://www.subclip.app/zh/motion-graphics-templates/remotion/glyph-anatomy) (Remotion, 标题): 单词像在字体编辑器中一样逐步构建：度量参考线、沿轮廓分布的锚点、把直线弯成曲线的 Bézier 控制柄，最后字母被填充。
- [Stripe Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/stripe-type) (Remotion, 标题): 像 IBM 标志一样被切成水平条纹的单词，从左右两侧交替滑入、锁定到位，还可以继续滑出。
- [Path Ride](https://www.subclip.app/zh/motion-graphics-templates/remotion/path-ride) (Remotion, 标题): 一条线沿蜿蜒的曲线绘出，文字紧跟在线头之后，随后曲线绷直，文字落定在一条直线上。
- [Type Repeater](https://www.subclip.app/zh/motion-graphics-templates/remotion/type-repeater) (Remotion, 标题): 作用于单词的 After Effects 风格重复器：描边副本在其后方展开成隧道、螺旋或扇形，律动后再收拢。
- [Claude Code](https://www.subclip.app/zh/motion-graphics-templates/remotion/claude-code) (Remotion, AI聊天输入): Claude Code CLI 欢迎界面，带有虚线欢迎框、最近活动与新功能面板，以及一条逐字输入到提示符中的命令。
- [ChatGPT](https://www.subclip.app/zh/motion-graphics-templates/remotion/chat-gpt) (Remotion, AI聊天输入): ChatGPT 风格的输入框：提示词输入到胶囊形输入框中，语音按钮变成发送按钮，建议标签淡出消失。
- [Claude Chat](https://www.subclip.app/zh/motion-graphics-templates/remotion/claude-chat) (Remotion, AI聊天输入): 带衬线体问候语的温暖风格 Claude 聊天卡片，提示词输入到输入框中，波形按钮变成发送按钮。
- [OpenCode](https://www.subclip.app/zh/motion-graphics-templates/remotion/opencode) (Remotion, AI聊天输入): OpenCode 终端欢迎界面，带有双色文字标识、输入查询的输入框、模型状态行和命令提示。
- [Agent Run](https://www.subclip.app/zh/motion-graphics-templates/remotion/agent-run) (Remotion, AI聊天输入): 品牌中立的 AI 智能体面板，展示提示词、Thinking 状态与计划、以对勾收尾的工具调用，以及分段流式输出的回答。
- [GitHub Stars](https://www.subclip.app/zh/motion-graphics-templates/remotion/github-stars) (Remotion, 社会认同): 飞速浏览仓库的加星用户，计数器同步上涨，最终停在总星数上。
- [X Followers Overview](https://www.subclip.app/zh/motion-graphics-templates/remotion/x-followers-overview) (Remotion, 社会认同): 一行 X 关注通知中只有名字以 3D 方式翻转，随后揭晓总粉丝数，并配上您的头像、用户名和五彩纸屑。
- [Logo Enter](https://www.subclip.app/zh/motion-graphics-templates/remotion/logo-enter) (Remotion, 社会认同): 相互重叠的圆形品牌徽章带着轻微滑动逐个弹入，最后以堆叠的组合保持静止。
- [X Follow Card](https://www.subclip.app/zh/motion-graphics-templates/remotion/x-follow-card) (Remotion, 社交与聊天): X 个人资料卡片带着封面、头像、简介和详细信息弹入，随后光标点击 Follow，按钮变为 Following。
- [Chat Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/chat-flow) (Remotion, 社交与聊天): 手机宽度的聊天界面中，发出的消息输入到输入框并发送，正在输入的圆点变成回复，表情回应随之弹出。
- [Telegram Chat Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/telegram-chat-flow) (Remotion, 社交与聊天): Telegram 风格的对话：消息输入到胶囊形输入框中并带双对勾发送，标题栏显示正在输入，回应随之弹出。
- [Keystroke](https://www.subclip.app/zh/motion-graphics-templates/remotion/keystroke) (Remotion, 特效): 画面底部的实体键帽按正确顺序按下每个快捷键，按下时亮起，之后弹回原位。
- [Cursor Gravity](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-gravity) (Remotion, 特效): 光标在屏幕边缘抓住一个按钮，以富有弹性的拉扯把它拽出来，直到按钮挣脱并停在中央。
- [TV Power Off](https://www.subclip.app/zh/motion-graphics-templates/remotion/tv-power-off) (Remotion, 特效): 老式显像管电视关机效果：场景压扁成一条亮线，亮线缩成一个发光点，光点渐隐为黑。
- [Confetti](https://www.subclip.app/zh/motion-graphics-templates/remotion/confetti) (Remotion, 特效): 透明背景上的五彩纸屑爆发，纸片飞出、旋转、飘动并落下，由固定的随机变化生成，因此每次渲染都一致。
- [Bauhaus Build](https://www.subclip.app/zh/motion-graphics-templates/remotion/bauhaus-build) (Remotion, 生成艺术): 扁平的包豪斯图形在隐形网格上逐角翻滚，组成海报般的横饰带，随后重组为夹着一条空白带的两条横饰带。
- [Mondrian Split](https://www.subclip.app/zh/motion-graphics-templates/remotion/mondrian-split) (Remotion, 生成艺术): 黑线将画面分成风格派网格，红、黄、蓝填满格子，网格移动，其中一格向外扩张成为整个画面。
- [Pendulum Wave](https://www.subclip.app/zh/motion-graphics-templates/remotion/pendulum-wave) (Remotion, 生成艺术): 十五个摆锤从一条直线出发，散成行波、辫状和锯齿图案，结尾重新对齐，让片段循环播放。
- [Isometric Build](https://www.subclip.app/zh/motion-graphics-templates/remotion/isometric-build) (Remotion, 生成艺术): 五乘五的等距网格中，方块沿对角线依次升起，组成阶梯状雕塑，其中一座更高的塔楼使用强调色。
- [Phyllotaxis](https://www.subclip.app/zh/motion-graphics-templates/remotion/phyllotaxis) (Remotion, 生成艺术): 由 420 颗种子组成的向日葵图案以黄金角从中心生长，花盘旋转时，一条斐波那契旋臂亮起并脉动。
- [Life Grid](https://www.subclip.app/zh/motion-graphics-templates/remotion/life-grid) (Remotion, 生成艺术): 在淡色网格上运行的生命游戏模拟，新细胞以强调色闪现，死亡细胞收缩消失。
- [String Art](https://www.subclip.app/zh/motion-graphics-templates/remotion/string-art) (Remotion, 生成艺术): 绕着一圈钉子拉起的丝线画出心脏线，随后乘数平滑增大，图形变成肾脏线，再变成三尖点图形。
- [Orbit Lock](https://www.subclip.app/zh/motion-graphics-templates/remotion/orbit-lock) (Remotion, Logo 动画): 卫星沿倾斜轨道螺旋向内，直到核心爆出白色环形闪光，Logo 随之弹出。
- [Puzzle Snap](https://www.subclip.app/zh/motion-graphics-templates/remotion/puzzle-snap) (Remotion, Logo 动画): 四块几何碎片从画面各处旋转飞入，拼合成 Logo 标志，每次接触都会迸出火花。
- [Spotlight](https://www.subclip.app/zh/motion-graphics-templates/remotion/spotlight) (Remotion, Logo 动画): 舞台聚光灯扫过黑暗，越过 Logo 后又弹回照住它，室内灯光随之亮起。
- [Neon Sign](https://www.subclip.app/zh/motion-graphics-templates/remotion/neon-sign) (Remotion, Logo 动画): 手写体霓虹"hello"逐根灯管闪烁点亮，熄灭一次后重新亮起，在深色墙面上映出红色光晕。
- [Inflate](https://www.subclip.app/zh/motion-graphics-templates/remotion/inflate) (Remotion, Logo 动画): 一片瘪下去的细条弹性膨胀成有光泽的红色标志，经过挤压拉伸后，一个深色圆点弹入其中心。
- [Liquid Fill](https://www.subclip.app/zh/motion-graphics-templates/remotion/liquid-fill) (Remotion, Logo 动画): 白色描边标志被一滴落下的液体注满红色，液面晃动、气泡上升，直到变成实心标志。
- [Anamorphic Flare](https://www.subclip.app/zh/motion-graphics-templates/remotion/anamorphic-flare) (Remotion, Logo 动画): 电影风格的变形镜头光晕亮起，带着鬼影光球横穿画面，在身后留下 Logo。
- [Parallax Depth](https://www.subclip.app/zh/motion-graphics-templates/remotion/parallax-depth) (Remotion, 镜头与物理): 带有红日和三道灰色山脊的分层风景，镜头侧向滑动并推近，让图层彼此分离。
- [Exploded View](https://www.subclip.app/zh/motion-graphics-templates/remotion/exploded-view) (Remotion, 镜头与物理): 一叠等距图层弹开，用引线为每一层加上标签，然后重新合拢成一个整体。
- [Tiny Planet](https://www.subclip.app/zh/motion-graphics-templates/remotion/tiny-planet) (Remotion, 镜头与物理): 平地上的一排白色建筑卷成一颗圆圆的小星球，在红日旁旋转。
- [Gravity Pile](https://www.subclip.app/zh/motion-graphics-templates/remotion/gravity-pile) (Remotion, 镜头与物理): 三十个白色和灰色的简单图形，加上一个红色强调图形，按真实物理落下、弹跳并堆成一堆。
- [Impact Shake](https://www.subclip.app/zh/motion-graphics-templates/remotion/impact-shake) (Remotion, 镜头与物理): 一个大单词从上方落下并重重着地，伴随挤压、镜头晃动、短暂的红蓝分离和一团尘土。
- [Line Boil](https://www.subclip.app/zh/motion-graphics-templates/remotion/line-boil) (Remotion, 图形风格): 用钢笔线条画出的五角星，每隔几帧就像传统赛璐珞动画一样抖动，随后填上颜色。
- [Blueprint](https://www.subclip.app/zh/motion-graphics-templates/remotion/blueprint) (Remotion, 图形风格): 一道扫描线把红色设备变成蓝色技术图纸，配有网格、白色轮廓、尺寸和标注气泡。
- [Duotone Beat](https://www.subclip.app/zh/motion-graphics-templates/remotion/duotone-beat) (Remotion, 图形风格): 一个双色网点剪影，在 120 BPM 的每一拍切换颜色，每小节第一拍有更强的推近效果。
- [Comic Panels](https://www.subclip.app/zh/motion-graphics-templates/remotion/comic-panels) (Remotion, 图形风格): 漫画页裂成三格，带有速度线、红色网点和爆炸星形，最后以一个大大的 POW 收尾。
- [Long Shadow](https://www.subclip.app/zh/motion-graphics-templates/remotion/long-shadow) (Remotion, 图形风格): 一个红色对勾徽章带着延伸到边缘的扁平长阴影弹入，随后阴影转动，仿佛光线移动了。
- [Synthwave](https://www.subclip.app/zh/motion-graphics-templates/remotion/synthwave) (Remotion, 图形风格): 80 年代风格的场景：红色网格朝观众滚来，由橙渐红的条纹太阳升起，两道山脉滑入画面。
- [Brick Mosaic](https://www.subclip.app/zh/motion-graphics-templates/remotion/brick-mosaic) (Remotion, 图形风格): 玩具积木一排排落到深色底板上，每块都轻轻一跳，直到拼成一幅像素画。
- [X-Ray Scan](https://www.subclip.app/zh/motion-graphics-templates/remotion/x-ray-scan) (Remotion, 图形风格): 扫描条扫过红色手机的背面，以白色线稿呈现内部结构，并突出显示一个部件。
- [Cursor](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor) (Remotion, 点击): 简洁的 macOS 风格光标，可选箭头或手形，带柔和阴影和点击波纹圈，适合产品演示。
- [Search Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/search-reveal) (Remotion, 界面): 细细的辅助圆扩展并吸附成搜索栏，文字自动输入，随后一块多彩的图形面板在其后方展开。
- [Combobox](https://www.subclip.app/zh/motion-graphics-templates/remotion/combobox) (Remotion, 界面): 可搜索的选择组件，带占位文本触发器、展开的选项面板和高亮行，适合界面演示视频。
- [Command Menu](https://www.subclip.app/zh/motion-graphics-templates/remotion/command-menu) (Remotion, 界面): 带搜索框和快捷键命令列表的键盘命令面板，在变暗的背景上以展开状态显示。
- [Context Menu](https://www.subclip.app/zh/motion-graphics-templates/remotion/context-menu) (Remotion, 界面): 带四个操作和一个悬停行的右键菜单面板，可直接放在界面演示中的光标位置。
- [Resizable](https://www.subclip.app/zh/motion-graphics-templates/remotion/resizable) (Remotion, 界面): 带分隔手柄的双面板布局，可为界面演示视频设置分栏比例和手柄状态。
- [Skeleton](https://www.subclip.app/zh/motion-graphics-templates/remotion/skeleton) (Remotion, 界面): 一张骨架屏加载卡片，一道光泽扫过圆形头像和两行文字。
- [Slider](https://www.subclip.app/zh/motion-graphics-templates/remotion/slider) (Remotion, 界面): 简洁的范围滑块，可设置填充数值和滑钮状态，当前数值显示在滑钮上方。
- [Stepper](https://www.subclip.app/zh/motion-graphics-templates/remotion/stepper) (Remotion, 界面): 带三个带标签步骤的横向引导步骤条，可设置当前步骤来展示进度。
- [Tabs](https://www.subclip.app/zh/motion-graphics-templates/remotion/tabs) (Remotion, 界面): 带胶囊或下划线指示器的标签页组件，激活的标签下方有一小段面板文字。
- [Toast](https://www.subclip.app/zh/motion-graphics-templates/remotion/toast) (Remotion, 界面): 带图标、标题和一行说明的小型通知卡片，有默认和成功两种样式，适合应用演示视频。
- [Typing Indicator](https://www.subclip.app/zh/motion-graphics-templates/remotion/typing-indicator) (Remotion, 界面): 一排小圆点依次以平滑的波浪跳动，就像聊天应用中的正在输入提示。
- [Signup Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/signup-flow) (Remotion, 界面): shadcn 风格的注册卡片，光标填写姓名、邮箱和密码，提交时显示加载状态，并收到成功提示。
- [Checkout Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/checkout-flow) (Remotion, 界面): 带计费周期切换、卡号输入和条款复选框的结账卡片，由光标填写并付款，最后显示成功提示。
- [Settings Toggle Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/settings-toggle-flow) (Remotion, 界面): 双栏设置卡片，光标开启通知、选择主题、拖动滑块并保存。
- [Release Teaser](https://www.subclip.app/zh/motion-graphics-templates/remotion/release-teaser) (Remotion, 完整视频): 为虚构产品 Orvio 2 制作的电影感发布公告，带有克制的动态文字、立体圆环标志和流动的边缘光。
- [Brand Guidelines](https://www.subclip.app/zh/motion-graphics-templates/remotion/brand-guidelines) (Remotion, 完整视频): 为虚构工作室 Form Study 制作的编辑风品牌短片，依次展示标志、色板、字体和摄影。
- [Workflow Console](https://www.subclip.app/zh/motion-graphics-templates/remotion/workflow-console) (Remotion, 完整视频): 一支海军蓝与冰蓝配色的产品短片，一个发布请求依次变成检查、上线、流水线分析和扩容决策。
- [Product Showcase](https://www.subclip.app/zh/motion-graphics-templates/remotion/launch-anything) (Remotion, 完整视频): 一支编辑风产品短片，从铬金属标题过渡到展示七个产品演示的笔记本电脑，再到摄影、网址和收尾标志。
- [Order Flow](https://www.subclip.app/zh/motion-graphics-templates/remotion/fomo-limit-orders) (Remotion, 完整视频): 为虚构交易应用制作的石墨灰与琥珀色产品短片，展示如何在手机上设置离场价格。
- [Blur Reveal](https://www.subclip.app/zh/motion-graphics-templates/remotion/blur-reveal) (Remotion, 标题): 一种衬线文本动画，其中短句从柔和、浑浊的模糊中飘出，变成清晰的焦点，每个句子都设置在一个新的纯色面板上。
- [Orbit Labels](https://www.subclip.app/zh/motion-graphics-templates/remotion/orbit-labels) (Remotion, 标题): 彩色姓名标签围绕着苍白背景上的一个细紫色环旋转，当它们靠近或远离观看者时，它们会放大并模糊。
- [Word Carousel](https://www.subclip.app/zh/motion-graphics-templates/remotion/word-carousel) (Remotion, 标题): 白色的水平单词轮播，四个单词在插槽之间滑动，中心单词以深蓝色放大，而侧面单词则缩小并褪色。
- [Blur Glow](https://www.subclip.app/zh/motion-graphics-templates/remotion/blur-glow) (Remotion, 标题): 浅色纸张背景上的发光文字动画，其中每个粗体单词都位于柔和的彩色光环内，并逐渐淡入下一个单词。
- [Design Tiles](https://www.subclip.app/zh/motion-graphics-templates/remotion/design-tiles) (Remotion, 标题): 衬线短语设置为一条紧密的线，每个字母都有一个紧密贴合的彩色瓷砖支撑，可以擦拭并在明亮的颜色中洗牌。
- [Stamp Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/stamp-type) (Remotion, 标题): 高亮条上的四行粗体无文本逐步跨越框架，在硬切的彩色背景上压印到位。
- [Reality Split](https://www.subclip.app/zh/motion-graphics-templates/remotion/reality-split) (Remotion, 标题): 标题分成带有编辑器样式选择手柄的单独字母框，分散在黄色字段中，然后重新组合成原始单词。
- [Checker Conveyor](https://www.subclip.app/zh/motion-graphics-templates/remotion/checker-conveyor) (Remotion, 标题): 全帧棋盘动画，其中九排瓷砖像传送带一样横向滑动，带来新的图案和调色板。
- [Glass Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/glass-type) (Remotion, 标题): 通过移动的玻璃透镜可以看到白色的黑色衬线字体，该透镜使字母变形并在边缘添加细细的彩虹条纹。
- [Sunset Slam](https://www.subclip.app/zh/motion-graphics-templates/remotion/sunset-slam) (Remotion, 标题): 一个短的标志刺，块状白色字母猛烈地撞击在一条会聚的小道上方，从深蓝色渐变为橙色的日出光芒。
- [Rush Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/rush-type) (Remotion, 标题): 黑底白字绕着一条弯曲的路径旋转，移动时会涂上彩色光迹，静止时会尖锐地折断。
- [Ink Flood](https://www.subclip.app/zh/motion-graphics-templates/remotion/ink-flood) (Remotion, 标题): 画笔式的涂鸦用黑色墨水淹没白色框架，反转颜色并显示从墨水中用白色剪下的单词。
- [Bond Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/bond-type) (Remotion, 标题): 块状像素字体中的两个单词像分子一样分裂和重新排列，每个字母通过短像素键与其相邻字母相连。
- [Wild Type](https://www.subclip.app/zh/motion-graphics-templates/remotion/wild-type) (Remotion, 标题): 超大的白色文字在深海军蓝框架上弯曲，就像印在一张拉伸的床单上一样，蓝色的偏移轮廓滑在它们后面。
- [Dash Cascade](https://www.subclip.app/zh/motion-graphics-templates/remotion/dash-cascade) (Remotion, 标题): 简短的单词由十排堆叠的圆形黄色破折号组成，这些破折号从单条虚线以断断续续、逐个字母的波浪形式展开。
- [Loud Burst](https://www.subclip.app/zh/motion-graphics-templates/remotion/loud-burst) (Remotion, 标题): 白色的简短粗体句子，周围有大量潦草的彩色线，循环显示四对匹配的颜色。
- [Flood Typography](https://www.subclip.app/zh/motion-graphics-templates/remotion/flood-typography) (Remotion, 标题): 两行、两种颜色的动态排版，大字一一落入，按住，向相机变焦，然后从屏幕上滚落。
- [Swing Typography](https://www.subclip.app/zh/motion-graphics-templates/remotion/swing-typography) (Remotion, 标题): 白底巨大的彩色字母像钟摆一样在固定的窗户内摆动，并一个接一个地边缘翻转以改变单词。
- [Data story](https://www.subclip.app/zh/motion-graphics-templates/remotion/data-story) (Remotion, 图表): 黑色动画条形图，带有标题、编号条形和以发光强调色突出显示的最终条形图。
- [Generative mosaic](https://www.subclip.app/zh/motion-graphics-templates/remotion/generative-mosaic) (Remotion, 产品演示): 圆形瓷砖的深色网格在中心标题标签周围发出蓝色和紫色的光，每颗种子都有新鲜的图案。
- [Split comparison](https://www.subclip.app/zh/motion-graphics-templates/remotion/split-comparison) (Remotion, 图表): 一张分屏的前后幻灯片，每一侧都有一个大数字，标记为前后，并由中心分隔线分隔。
- [Golden bounce 3D](https://www.subclip.app/zh/motion-graphics-templates/remotion/golden-bounce-3d) (Remotion, 3D元素): 五个闪亮的金色球体掉落到黑暗的地板上，落地时会受到挤压，并以 3D 渲染方式以逼真的弹跳方式反弹。
- [Glowing fish](https://www.subclip.app/zh/motion-graphics-templates/remotion/glowing-fish-lottie) (Remotion, 3D元素): 一条黑色发光小鱼 Lottie 动画跃入视野，下方有可编辑的标题和归属线。
- [River sequence](https://www.subclip.app/zh/motion-graphics-templates/remotion/river-sequence) (Remotion, 地图): 一张动画地图，将雅鲁藏布江和雅鲁藏布江绘制成一条从中国到印度的发光线，随着镜头的移动，显示了每个国家。
- [Map explainer](https://www.subclip.app/zh/motion-graphics-templates/remotion/map-explainer) (Remotion, 地图): 逼真的地球动画，绘制城市之间的路线，带有标记点和缩放并跟随路径的相机。

## 更多免费 Remotion 动态图形模板

- [Remotion: 产品演示](https://www.subclip.app/zh/motion-graphics-templates/remotion/product-demo-animations)
- [Remotion: 标题](https://www.subclip.app/zh/motion-graphics-templates/remotion/text-animations)
- [Remotion: 屏幕与设备](https://www.subclip.app/zh/motion-graphics-templates/remotion/screen-device-animations)
- [Remotion: 点击](https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-click-animations)
- [Remotion: AI聊天输入](https://www.subclip.app/zh/motion-graphics-templates/remotion/ai-chat-animations)
- [Remotion: 社会认同](https://www.subclip.app/zh/motion-graphics-templates/remotion/social-proof-animations)
- [Remotion: 界面](https://www.subclip.app/zh/motion-graphics-templates/remotion/ui-animations)