motiondivision

8 motion design tools for Claude Code 8 free tools from GitHub that turn Claude Code into a motion design studio, sorted into 5 categories. 1. Launch videos Product Launch Motion: paste your website URL, it writes the story and renders a 60 fps video. AbubakrChan/product-launch-motion Motion Graphics Skills: 15 skills for launch videos, animated charts and reels. charlie947/motion-graphics-skills 2. Edit your videos Hyperframes (HeyGen): write HTML, render video, with captions and overlays. heygen-com/hyperframes Motion Graphics: B-roll timed to your words, and background removal on your own computer. Barty-Bart/motion-graphics 3. Animated videos Animate: 7 built-in styles, and a storyboard to approve before it animates. cth9191/animate Claude Motion: motion rules, a sound engine and a self-review loop. whaleyxbt/claude-motion 4. Animate your website Motion AI Kit (from the makers of Motion, formerly Framer Motion): install with npx motion-ai, then ask Claude Code to animate your UI. motiondivision/ai-kit 5. The foundations Motion Design Skill (LottieFiles): Disney's 12 animation principles adapted for UI. LottieFiles/motion-design-skill Some tools have paid options (Motion+ for the Motion AI Kit); the features shown here are the free ones. Voice-over generated with AI (Azure Speech).

모션그래픽 제작에 쓰는 저장소 20개를 기획·에셋·움직임·입체 장면·출력 순서로 정리했습니다. 필요한 도구만 조합하고 각 저장소의 설치 안내와 이용 조건을 확인하면 됩니다. 도구·자료 주소 penpot/penpot excalidraw/excalidraw fontsource/fontsource lucide-icons/lucide svg/svgo lovell/sharp airbnb/lottie-web rive-app/rive-wasm motiondivision/motion greensock/GSAP juliangarnier/anime theatre-js/theatre mrdoob/three.js pmndrs/react-three-fiber pmndrs/drei pmndrs/postprocessing remotion-dev/remotion remotion-dev/skills FFmpeg/FFmpeg Vanilagy/mediabunny

AI 모션그래픽 저장소 20개 모음 모션그래픽 제작에 쓰는 저장소 20개를 기획·에셋·움직임·입체 장면·출력 순서로 정리했습니다. 필요한 도구만 조합하고 각 저장소의 설치 안내와 이용 조건을 확인하면 됩니다. 도구·자료 주소 penpot/penpot excalidraw/excalidraw fontsource/fontsource lucide-icons/lucide svg/svgo lovell/sharp airbnb/lottie-web rive-app/rive-wasm motiondivision/motion greensock/GSAP juliangarnier/anime theatre-js/theatre mrdoob/three.js pmndrs/react-three-fiber pmndrs/drei pmndrs/postprocessing remotion-dev/remotion remotion-dev/skills FFmpeg/FFmpeg Vanilagy/mediabunny #모션그래픽 #개발도구 #AI활용 #투더제이 [en-US] 20 AI Motion Graphics Resources Collection We have organized 20 repositories used for motion graphics production in the order of Planning, Assets, Motion, 3D Scenes, and Output. Simply combine the tools you need and check the installation instructions and terms of use for each repository. Tool/Resource Addresses penpot/penpot excalidraw/excalidraw fontsource/fontsource lucide-icons/lucide svg/svgo lovell/sharp airbnb/lottie-web rive-app/rive-wasm motiondivision/motion greensock/GSAP gi thub.com/juliangarnier/anime theatre-js/theatre mrdoob/three.js pmndrs/react-three-fiber pmndrs/drei pmndrs/postprocessing remotion-dev/remotion remotion-dev/skills FFmpeg/FFmpeg Vanilagy/mediabunny #MotionGraphics #DevelopmentTools #AIUtilization #ToTheJ

motiondivision/motion 面向网页界面的开源动画库。 给网页加上自然过渡、拖拽和弹簧动效。 motiondivision/motion

把大佬的宝藏做成了一个开箱即用的skill，大家可以来玩呀 GitHub:JuniverseLi/motion-studio-skill

It's interesting to see everyone referencing the LottieFiles Motion Design skill, which is just basic motion design principles in a markdown file! Less is more in this new era of AI! LottieFiles/motion-design-skill

Check out my motion graphic skill! Barty-Bart/motion-graphics I am actually building out an entire funnel to edit my youtube videos end to end. And it all started from the first motion graphics skill on the above repo I have a living project folder in Claude that handles everything from the moment of RAW footage: - Transcribes and cuts out gaps, retakes filler words and produces a rough cut - Local AI model to split me from the background (object separation) so I can add animations and text behind me, change my background, etc.) - Planner agent that uses my default styles and elements and plans each scene, layout, transition, motion graphics, etc. - We then edit the intro and main body by splitting each key section and overlaying animations, layouts, etc. - Each section has a text input box where you can drop comments and make micro-edits (this makes things SO easy) - Final render and then export so I can upload to Youtube I am constantly improving this system. I am now working on waveform based editing, like Descript, where I can edit the waveform or text - but really I don't need to as Claude does it all Main reason for waveform is that some of my random cuts have 'half-words' that aren't picked up super well by my rough cut skill, so I can manually get in there and fix things up. But over time I plan to automate this too I am also working on shorts production too. My current MVP process gives me the script, which I record like 5 shorts scripts in one go, then drop the 10 min RAW clip into Claude, and then I get 5 fully edited reels out Still a WIP but here is a sample: instagram.com And I am now working on an ideation and hook engine. To help plan out winners before I create videos. This is the hardest part of all, but I have started and it can only get better