20 open-source repos for a Claude motion design studio
A list of 20 open-source GitHub repositories, paired with Opus 5.5, that cover each layer of a motion design pipeline from animation to export, including Remotion, Motion Canvas, GSAP and Three.js.
this list is straight up f*cking gold for motion design 20 open-source GitHub repos to run your own motion design studio with Opus 5.5 one pick per layer: agent skills, animation, 3D, assets, sound and export 01 Remotion → write React, get real editable video http://github.com/remotion-dev/remotion 02 Remotion Skills → official video recipes for Claude Code http://github.com/remotion-dev/skills 03 Motion Canvas → code explainers and animated diagrams in TypeScript http://github.com/motion-canvas/motion-canvas 04 Motion AI Kit → feed Claude Code the Motion docs and best practices http://github.com/motiondivision/ai-kit 05 Motion → smooth layout transitions and gestures in live UI http://github.com/motiondivision/motion 06 GSAP → frame-precise timelines for text and SVG http://github.com/greensock/GSAP 07 Anime.js → draw SVG paths, split text, move UI pieces http://github.com/juliangarnier/anime 08 GSAP Skills → teach Claude Code clean timelines and React teardown http://github.com/greensock/gsap-skills 09 Rive Web → vector animations that react to app state http://github.com/rive-app/rive-wasm 10 dotLottie Web → play, pause and steer Lottie files http://github.com/LottieFiles/dotlottie-web 11 Three.js → 3D shots with real cameras and lights http://github.com/mrdoob/three.js 12 React Three Fiber → write 3D scenes as React components http://github.com/pmndrs/react-three-fiber 13 Drei → ready-made cameras, 3D text and controls http://github.com/pmndrs/drei 14 React Three Rapier → physics: collisions, joints, rigid bodies http://github.com/pmndrs/react-three-rapier 15 React Postprocessing → bloom, depth of field and the final polish http://github.com/pmndrs/react-postprocessing 16 SVGO → strip the junk out of SVGs before you animate them http://github.com/svg/svgo 17 Satori → JSX in, SVG title cards out http://github.com/vercel/satori 18 Howler.js → sound effects, fades and volume for web demos http://github.com/goldfire/howler.js 19 Mediabunny → encode and convert video right in the browser http://github.com/Vanilagy/mediabunny 20 FFmpeg → final encode, resize and file checks http://github.com/FFmpeg/FFmpeg the workflow: brief → typography → motion → scene → sound → render → review → ship bookmark this + the article below shows how to wire up your own motion studio
This post quotes another post: x.com/asteri_eth/status/2109983305034563817