22 个开源仓库替掉 After Effects，这份清单被一句话问住了

有人在 X 上列了 22 个开源仓库，说它们合起来能顶替 After Effects，组成一个完整的动效工作室。原帖称自己用 Opus 5.5 加这套工具替换了旧工作流，覆盖动画、物理、3D、声音到最终交付的全流程。

清单按功能分了几个区。

做画面和动画的有：Remotion，用 React 写视频，跑 npx create-video@latest 就能起项目；Anime.js，在时间轴上编排动画，支持 CSS 属性、SVG、DOM 属性和普通 JS 对象；mo.js 做形状爆发和动效；Theatre.js 可视化编辑关键帧；Two.js 处理矢量场景；D3 出数据驱动的图形。

3D 和物理这块，Three.js 搭场景和相机，Babylon.js 做实时渲染，Drei 提供 React Three Fiber 的现成组件，Spark 渲染高斯泼溅，cables.gl 用可视化节点连线，Taichi 在 GPU 上跑物理模拟，SPlisHSPlasH 负责流体、泡沫和飞溅。Custom Shader Material 让 Three.js 的材质能接自定义着色器。手绘动画交给 OpenToonz。

声音和后期：Qwen3-TTS 生成配音，Audacity 清理和混音，Subtitle Edit 编辑字幕并打时间轴，Auto-Editor 自动剪掉静音段，RIFE 做帧插值换平滑慢动作，OBS 录屏，FFmpeg 编码交付。

原帖把流程概括成一句：idea → storyboard → build → animate → mix → export。

值得注意的地方在于，这些工具大部分都不新。Three.js、D3、FFmpeg 早就是各自领域的基础设施，Anime.js 也迭代到了 V4。变化出在串联方式上。Remotion 的 README 第一句写的是 Make videos agentically，把想法交给 agent 出片。工具没变，调用它们的手变了。

清单的问题也在这里。22 个仓库装完，拿到的是 22 套待学的 API，不是一个工作室。评论区有人直接问，22 个听起来太多，最重要的三个是哪三个。这个问题原帖没答。

另一条回复更实在：脚本、截止日期、付款和返工，比动画本身更能决定结果。工具清单解决的是能不能做出来，不解决做出来有没有人看。

还有个细节被单独拎出来说，大多数产品发布视频把标题闪得比人读完的速度快，阅读停留时间是最容易被低估的一环。这条判断比整份工具列表更有用。

一个容易漏掉的坑：Remotion 的许可证不是纯开源许可，某些商业场景需要向公司购买授权，README 里写得很清楚。真拿它接活之前，先读一遍 LICENSE。

想少走弯路，可以先从三个开始。Remotion 出画面，FFmpeg 收尾，中间按项目需要补一个。剩下的十几个，等真遇到具体问题时再翻。