收集灵感。
让下一次创作发生。
NOT JUST SOMETHING TO WATCH.
好的动效,
不止用来看。
这里直接动手:拖动、靠近、选择。
用鼠标控制过程,而不只是播放预览。
用鼠标控制过程,而不只是播放预览。
THE REFERENCE COLLECTION
好作品,
值得多看一遍。
168 条真实 UI 动效参考。保留作者、原帖与实现评估。
THE MOTION COLLECTION原作预览 · 作者与来源
THE CURATED COLLECTION / 01
找到值得收藏的下一帧。
真实原作,持续循环。
从一次微交互,到一支产品短片。
筛选与分类
浏览参考库 LIBRARY
来源产品 PRODUCTS
动效类型 ELEMENTS
复刻研究 STUDY
更多筛选
只收 2026 年 5 月 1 日以后作品 · 日期未核实不进入当前库
这里还没有匹配的作品
换个关键词,或清除筛选再看看。
从参考到作品:这些效果如何用 Remotion 重做?
文字、SVG、卡片布局、数字与光标等,可用帧驱动重新实现。图片、视频、Shader 或 3D 需要额外素材或技术。卡片标注的是实现路线,不是已验证成品。
“未对照验证”表示尚未生成样片逐帧核对。视频中的点击与拖拽可以编排,但不等于已经实现可操作的网页或 App。查看 Remotion 官方说明 ↗
PLAY IT. TUNE IT. MAKE IT YOURS.
把灵感,
调成你的样子。
这是主站里的交互组件。直接试用、调整参数,
与原作一起放进工作台,边看边研究。
交互参考:Bencho ↗10 个独立实现 · 非原站源码
没有匹配的组件,试试“按钮”或“菜单”。
这里是可操作的独立实现,不计入原作收藏数量。参考交互由 KK Motion 重新实现;尚未与 Bencho 逐帧对照,不声称一比一复刻。
YOUR MOTION WORKSPACE
把想法放在一起。
拖动卡片顶栏排列;组件内部仍可操作。工作台自动保存在本机。
工作台还是空的。
在组件卡片上点“+ 工作台”,开始你的第一组实验。