Topics / #motion-design

Motion-design projects on GitHub

Motion design tools for video editing and animated graphics.

As of , the most-starred Motion-design projects on GitHub are Graphite (27.7K stars), theatre (12.8K stars) and lottie (5.6K stars). GitHub.Locker tracks 14 Motion-design repositories with 60.6K stars combined. The fastest-growing on October 18 was cinetic, with +223 stars in a day.

14Projects
60.6KStars in total
+575Stars in a day
Browse in the catalog →github.com/topics/motion-design ↗

Hot right now

Most stars gained in a day · Oct 18

+223

cinetic

Leonxlnx/cinetic · ★ 674

Cinematic launch films and motion design from code, directed by your coding agent.

+159

huashu-art-motion

alchaincyf/huashu-art-motion · ★ 4.5K

huashu-art-motion is an agent skill that turns a coding agent into an animator: it writes and runs JavaScript/Canvas code to produce art-style animations, rather than generating video frames directly.

+65

onetake

feitangyuan/onetake · ★ 2.7K

onetake is a Claude Agent Skill that generates product launch films, teasers and feature demos as one unbroken continuous camera take instead of a slideshow of separate scenes.

+65

herk-edit-kit

nateherkai/herk-edit-kit · ★ 1.8K

HyperFrames Student Kit is Nate Herk's reusable video-editing kit that plugs into Codex and Claude Code, giving them skills to cut dead air, catch mistakes, caption, and build GSAP motion graphics from your own footage.

The all-time top

14 projects · by stars

  1. #1 · GraphiteEditor/Graphite

    Graphite

    Graphite is a free, open source 2D graphics editor for graphic design, digital art, and real-time motion graphics — a vector and raster graphics engine, available now in alpha.

    27.7K
  2. #2 · theatre-js/theatre

    theatre

    Theatre.js is an animation library for high-fidelity motion graphics on the web. It is designed for detailed animation — intricate movement and nuance — and can be used both programmatically and visually.

    12.8K
  3. #3 · diffusionstudio/lottie

    lottie

    Text-to-Lottie is an open-source framework that lets you generate production-ready Lottie animations by describing them in plain language to Claude Code, Codex, or any coding agent that supports skills.

    5.6K
  1. 4

    huashu-art-motion

    4.5Kalchaincyf/huashu-art-motion · JavaScript

    huashu-art-motion is an agent skill that turns a coding agent into an animator: it writes and runs JavaScript/Canvas code to produce art-style animations, rather than generating video frames directly.

  2. 5

    onetake

    2.7Kfeitangyuan/onetake · Python

    onetake is a Claude Agent Skill that generates product launch films, teasers and feature demos as one unbroken continuous camera take instead of a slideshow of separate scenes.

  3. 6

    Drift

    2KCutWire-Studios/Drift · C++

    Drift is a free, open-source desktop video editor from CutWire Studios, built with Qt 6 and FFmpeg, for cutting clips, adding effects, captions, stickers and music, then exporting without subscriptions, watermarks, or accounts.

  4. 7

    herk-edit-kit

    1.8Knateherkai/herk-edit-kit · HTML

    HyperFrames Student Kit is Nate Herk's reusable video-editing kit that plugs into Codex and Claude Code, giving them skills to cut dead air, catch mistakes, caption, and build GSAP motion graphics from your own footage.

  5. 8

    guizang-product-video-skill

    828op7418/guizang-product-video-skill · Python

    A Claude Code / Codex agent skill that turns a product's own codebase into a polished update or promo video: it writes the script, reuses the product's real UI components for the shots, animates them with code, and composes an original soundtrack and sound effects, then renders an MP4 plus an editable video project.

  6. 9

    cinetic

    674Leonxlnx/cinetic · Python

    Cinematic launch films and motion design from code, directed by your coding agent.

  7. 10

    mortiflix-oss

    648GTKottman/mortiflix-oss · JavaScript

    Mortiflix is a self-hosted motion design studio where Claude makes a video step by step - brief, script, style frames, transition board, animatic, final - and you review and approve each stage before the next one starts.

  8. 11

    livecanvas

    499pengchujin/livecanvas · Python

    LiveCanvas is a skill for AI coding assistants like Codex and Claude Code that turns a single sentence into a Live-style image: it researches the fact, designs a storyboard, builds a Remotion animation, and produces a cover, MP4, and (on macOS) an Apple Live Photo bundle.

  9. 12

    agentic-product-demo

    445Alexwtlf/agentic-product-demo · TypeScript

    This repo lets you point a coding agent like Claude Code or Cursor at your product and get back a polished demo video built in React with Remotion, instead of a screen recording.

  10. 13

    saas-motion-kit

    238tugrawork-creator/saas-motion-kit · Python

    A production kit for making promo and motion videos for software products with HyperFrames and Claude Code, built around one rule: no two films should look the same. It gives you a 7-stage playbook, a 24-transition atlas, 100 storyboard themes and a variety-audit script that flags repeated effects before you build.

  11. 14

    liquid-taffy

    164arknow91/liquid-taffy · TypeScript

    A reference implementation of three liquid, goo-style UI interactions (anchored dropdown, morphing dropdown, and speed dial) that all share one gooey gesture engine built with React, SVG filters and GSAP springs.

Often tagged together