animation

heygen-com/hyperframes

HTMLを書くだけで動画になる、AIエージェント向け動画生成基盤 — HyperFramesは、HTML・CSS・メディア・シーク可能なアニメーションを決定論的なMP4動画へ変換するOSSフレームワークです。HeyGen製で、CLIやAIコーディングエージェントのスキルから直接動画レンダリングを呼び出せるのが特徴。Remotionなどのコード駆動動画生成と競合しつつ、エージェント連携を前提に設計されている点が新しいです。

Write HTML. Render video. Built for agents.

juliangarnier/anime

軽量・多機能なJSアニメエンジン最新版 — CSS・SVG・DOM属性・JSオブジェクトまで統一APIで扱える軽量アニメーションライブラリです。シンプルながら強力な記法で複雑なモーションも簡潔に書け、GSAPなどの代替として長く支持されてきた定番ツールのV4版です。

JavaScript animation engine

algorithm-visualizer/algorithm-visualizer

書いたコードのアルゴリズムをその場で可視化 — Algorithm Visualizerは自分で書いたコードの実行過程をアニメーションとして可視化できるオンラインプラットフォームです。学生や教員、エンジニアがアルゴリズムの挙動を直感的に理解できます。アルゴリズム例やトレーサーライブラリは関連リポジトリに分かれ、新しい言語にも拡張しやすい構成です。

:fireworks:Interactive Online Platform that Visualizes Algorithms from Code

greensock/GSAP

1200万サイトで使われる定番JSアニメーション — GSAPはフレームワーク不問で動くJavaScriptアニメーションライブラリです。CSSやSVG、Canvas、React/Vueなど何にでも適用でき、jQuery比で最大20倍高速。ScrollTriggerによるスクロール演出やmatchMedia()によるレスポンシブ対応も特徴で、依存ゼロのまま高度なシーケンス制御を実現しています。

GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

GraphiteEditor/Graphite

ノードグラフで作る次世代2D制作エンジン — Graphiteはノードベースのプロシージャル設計とレイヤー合成を組み合わせた、完全非破壊編集のオープンソース2Dグラフィックスエンジンです。ベクター編集から出発し、フォト編集やモーショングラフィックス、VFX合成まで見据えたゲームエンジン的な設計が特徴で、Rust製で開発が活発です。

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine

lemomo-ai/lemo-opuscar

A toolbox of film styles made in code for Claude Code: 59 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：59 种现成风格，也能做出你自己的

guillermolg00/morphicons

Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.

NomaDamas/CozyClay

AI動画生成の前に3Dでシーンを演出するプレビズツール — CozyClayはブラウザ上で動くオープンソースのプレビズソフトです。キャラクター配置やカメラワーク・カット割りを3Dで先に決め、その情報をAI動画モデルに最初のフレームや参照クリップとして渡せます。AI動画は1テイクごとに費用がかかるため、安価に修正できる3D上で構図とタイミングを固めてから本番に進めるのが特徴です。

Open source previs software in the browser: block a scene, pose characters, author camera moves and cuts, then take the same shots to an AI video model.

DozenTwelve/Papermorph

An AI skill that turns books into animated, narrated, interactive web experiences

AThevon/genjutsu

Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose) and Apple (SwiftUI). Proposes an interaction thesis you approve before it writes any code. Anti-AI-slop.

vincentsch/explainroo

Explainer videos and product demos made by your AI agent. Free and open source: a local voice (Kokoro), word timing (Whisper) and a canvas renderer turn a script into a narrated MP4.

kailashsr38/ascii-magic-art

734 animated ASCII art pieces for web pages, READMEs, wallpapers and terminals. Browse them in your terminal with npx ascii-magic-art and add one to your project in one prompt.

lovisdotio/motion2code

Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source