Topics / #motion-graphics

Motion-graphics projects on GitHub

Tools for creating animated graphics and motion visuals for video content.

As of , the most-starred Motion-graphics projects on GitHub are lottie-android (35.7K stars), lottie-web (32.2K stars) and Graphite (27.6K stars). GitHub.Locker tracks 25 Motion-graphics repositories with 154.3K stars combined. The fastest-growing on October 16 was lemo-opuscar, with +246 stars in a day.

25Projects
154.3KStars in total
+1.1KStars in a day
Browse in the catalog →github.com/topics/motion-graphics ↗

Hot right now

Most stars gained in a day · Oct 16

+246

lemo-opuscar

lemomo-ai/lemo-opuscar · ★ 2.8K

Lemo-Opuscar is a Claude Code skill that lets Claude Opus 5.5 direct, draw, score and mix short films entirely in code, with 43 ready-made film styles you can apply to your own story.

+202

awesome-opus5-5-videos

yihui-dev/awesome-opus5-5-videos · ★ 5.6K

A curated, growing collection of viral videos made with Claude Opus 5.5, each paired with the exact prompt its creator shared and a link to the original post.

+170

effectcraft

storytold/effectcraft · ★ 7K

EffectCraft is a free, open-source compositor for motion graphics and visual effects: a clean-room reimplementation of Adobe After Effects, rebuilt from scratch in pure Rust.

+95

herk-edit-kit

nateherkai/herk-edit-kit · ★ 1.7K

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

25 projects · by stars

  1. #1 · airbnb/lottie-android

    lottie-android

    Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.

    35.7K
  2. #2 · airbnb/lottie-web

    lottie-web

    Lottie-web is a JavaScript library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively in the browser, so designers can ship real animations without an engineer hand-coding them.

    32.2K
  3. #3 · 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.6K
  1. 4

    mojs

    18.8Kmojs/mojs · CoffeeScript

    mo.js is an open source JavaScript motion graphics library for the web — fast, retina ready and modular. Using it on a site enhances the user experience and enriches content visually with precise, delightful animations.

  2. 5

    effectcraft

    7Kstorytold/effectcraft · Rust

    EffectCraft is a free, open-source compositor for motion graphics and visual effects: a clean-room reimplementation of Adobe After Effects, rebuilt from scratch in pure Rust.

  3. 6

    lottie

    5.6Kdiffusionstudio/lottie · TypeScript

    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.

  4. 7

    awesome-opus5-5-videos

    5.6Kyihui-dev/awesome-opus5-5-videos

    A curated, growing collection of viral videos made with Claude Opus 5.5, each paired with the exact prompt its creator shared and a link to the original post.

  5. 8

    reelmimic

    3.4Kedenfunf/reelmimic · JavaScript

    ReelMimic looks at a reference video you like — a file, phone recording, or YouTube link — and plans, builds and reviews a brand-new 2D animated video in that same style using an AI crew of Claude Code or Codex agents.

  6. 9

    pdoom-video

    2.8Kmexicat/pdoom-video · TypeScript

    A generative, code-rendered music video for the song 'I'm Upping My P(doom)' with word-synced karaoke-style typography, where every frame is a deterministic function of song time.

  7. 10

    fframes

    2.8KdmtrKovalenko/fframes · Rust

    fframes is a Rust framework for writing videos as code: you compose scenes with Rust and SVG, and the GPU renders them into an MP4. It is built around actually being fast, unlike many code-first video tools.

  8. 11

    lemo-opuscar

    2.8Klemomo-ai/lemo-opuscar · JavaScript

    Lemo-Opuscar is a Claude Code skill that lets Claude Opus 5.5 direct, draw, score and mix short films entirely in code, with 43 ready-made film styles you can apply to your own story.

  9. 12

    onetake

    2.6Kfeitangyuan/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.

  10. 13

    herk-edit-kit

    1.7Knateherkai/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.

  11. 14

    motion-video-kit

    1.1Kechris6/motion-video-kit · Python

    A Claude Code skill kit (also usable as plain context for any LLM) that packages the process for making premium, launch-style AI business videos — a critic loop, motion grammar, quality checks, audio rules, a business playbook and Three.js patterns, drawn from studying 28 professional SaaS launch films.

  12. 15

    mg-styles-15

    960Vincentwei1021/mg-styles-15 · Python

    A collection of 15 ten-second motion-design films, each in a different visual style, all made by Claude Opus 5.5 writing code from a single text prompt. The repo publishes every film along with its style notes, full prompt and complete source code.

  13. 16

    live-panel-skill

    760ythx-101/live-panel-skill · JavaScript

    live-panel turns a single JSON config describing a system into an animated architecture diagram - either a terminal-style dark panel or a light-pastel infographic - with packets flowing along wires, a scrolling log, counters and triggers lighting up. It renders to an H.264 mp4 (ready for X/Xiaohongshu) or a live web page, and also ships as a Claude Code SKILL.md.

  14. 17

    awesome-claude-video-skills

    679zhuyansen/awesome-claude-video-skills

    A curated, security-graded list of 183 open-source repos containing skills, plugins and toolkits that let coding agents like Claude Code and Codex create video, from motion graphics to full explainer videos.

  15. 18

    framefields

    416gatewai-dev/framefields · TypeScript

    Framefields is a TypeScript npm package for code-first video: you write a composition in code (layers, 3D, typography, audio, charts) and it renders it natively on GPU via WebGPU/Dawn into an MP4, with no desktop creative suite needed.

  16. 19

    flick

    313Creatorberry/flick · TypeScript

    Flick is an open-source AI motion director: give it a video, a public link, or a pasted transcript, and it turns it into original short-form animations, scene by scene.

  17. 20

    ai-promo-video-maker

    304liyupi/ai-promo-video-maker · Python

    It is a workflow that lets AI coding tools (Cursor, Claude Code, Codex) create a full 4K commercial-style promo video for any product: it researches the product, proposes visual styles with sample frames, grabs real 4K screenshots, cuts the footage to music, generates and verifies AI narration, and delivers both a rendered video and a web-playable version.

  18. 21

    riso-windowseat

    297sevenevesai/riso-windowseat · HTML

    Procedural risograph-style animated films, each a single self-contained HTML file of Canvas 2D and Web Audio, plus the Claude Code skills, craft docs and tools used to make them.

  19. 22

    eian-riso-broll

    286YIAN6557/eian-riso-broll · JavaScript

    This is an AI-assistant skill that takes the script of a talking-head video and turns the lines worth visualizing into risograph-style, two-color vertical info animations (1080x1920 mp4) you drop into your edit as b-roll.

  20. 23

    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.

  21. 24

    loadersz-core

    163lumberjacque/loadersz-core · TypeScript

    loadersz is a dependency-free Canvas loading-animation library for the browser, shipped as a native Web Component with a small imperative TypeScript API and 150 switchable motion states.

  22. 25

    astra-chatgpt-hyperframes

    141Tejashmakwana/astra-chatgpt-hyperframes · JavaScript

    This is the reproducible source for a ChatGPT-themed motion-design video, adapted from motion designer Rajmoni's (@Nexaabyraj) original reference and rendered with Hyperframes. It ships the raw assets, render scripts and a verification report so anyone can rebuild the exact MP4.

Often tagged together