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
https://t.co/2MnpZQrLlw
02 Remotion Skills → official video recipes for Claude Code
https://t.co/nz3anwkCYf
03 Motion Canvas → code explainers and animated diagrams in TypeScript
https://t.co/rWQTitvtlP
04 Motion AI Kit → feed Claude Code the Motion docs and best practices
https://t.co/FlFx1A7NhH
05 Motion → smooth layout transitions and gestures in live UI
https://t.co/1orZ6aMbHM
06 GSAP → frame-precise timelines for text and SVG
https://t.co/HhwPzpCe1Y
07 Anime.js → draw SVG paths, split text, move UI pieces
https://t.co/fFxawh6xPV
08 GSAP Skills → teach Claude Code clean timelines and React teardown
https://t.co/HdSTwCBEXF
09 Rive Web → vector animations that react to app state
https://t.co/5VTFCZi5YK
10 dotLottie Web → play, pause and steer Lottie files
https://t.co/IDX2Ulm0y8
11 Three.js → 3D shots with real cameras and lights
https://t.co/KQBagkuShd
12 React Three Fiber → write 3D scenes as React components
https://t.co/efNx10EPLX
13 Drei → ready-made cameras, 3D text and controls
https://t.co/9j6H7yy6w6
14 React Three Rapier → physics: collisions, joints, rigid bodies
https://t.co/IeWy9Z5OxI
15 React Postprocessing → bloom, depth of field and the final polish
https://t.co/cEE83wAzIq
16 SVGO → strip the junk out of SVGs before you animate them
https://t.co/qCv95NeftJ
17 Satori → JSX in, SVG title cards out
https://t.co/WozmVoiIPe
18 Howler.js → sound effects, fades and volume for web demos
https://t.co/9AVsnL9zLr
19 Mediabunny → encode and convert video right in the browser
https://t.co/bX2k89OrQS
20 FFmpeg → final encode, resize and file checks
https://t.co/bfqyckTvNL
the workflow:
brief → typography → motion → scene → sound → render → review → ship
bookmark this + the article below shows how to wire up your own motion studio