animation
13 repositories
Turn HTML and CSS into deterministic MP4s via CLI or AI agents — HyperFrames renders HTML, CSS, media, and seekable animations into deterministic MP4 video, usable via CLI, AI coding agent skills, or as a rendering core for hosted workflows. From HeyGen, it targets devs and agents who need programmatic, code-driven video generation rather than timeline editors.
Write HTML. Render video. Built for agents.
Anime.js V4 brings a new look and continued momentum — Anime.js is a lightweight JavaScript animation library for CSS, SVG, DOM attributes and JS objects. The repo now showcases a V4 logo refresh and is sustained through GitHub Sponsors, signaling active development for developers who need a simple yet powerful animation API.
JavaScript animation engine
Watch Your Own Code's Algorithms Animate Step by Step — Algorithm Visualizer turns code you write into live animations of its execution, helping students, teachers, and engineers see how algorithms actually behave. It's split across companion repos for algorithm examples and per-language tracer libraries that extract visualization commands from code, making the project extensible to new languages.
:fireworks:Interactive Online Platform that Visualizes Algorithms from Code
Framework-agnostic animation engine now fully free, including plugins — GSAP powers animations on over 12 million sites, handling CSS, SVG, canvas, React, Vue, WebGL and more with zero dependencies. Plugins like ScrollTrigger, MorphSVG and SplitText, plus gsap.matchMedia() for responsive animations, make advanced effects simple for any JS developer.
GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
A node-based 2D engine blending vector, raster, and motion design — Graphite is an open source 2D graphics engine in alpha, combining nondestructive layer compositing with a node-graph core. Built more like a game engine than a typical app, it targets designers wanting procedural workflows spanning vector art, photo editing, and motion graphics in one tool.
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
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 种现成风格,也能做出你自己的
Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.
Block a 3D scene in the browser before you pay for an AI video take — CozyClay is a browser-based previs tool where you position characters, set camera moves and cuts in 3D before handing the shot to an AI video model as a first frame and reference clip. The idea: AI video generation costs per take, so nailing blocking and timing in cheap, editable 3D first avoids expensive retries. Useful for filmmakers and AI video creators exploring virtual production.
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.
An AI skill that turns books into animated, narrated, interactive web experiences
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.
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.
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.
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source