# Claude Opus 5.5 Motion Graphics: Best Tools, Free and Paid > Opus 5.5 writes the code, a render engine makes the video. Ten open-source tools, five paid ones, and two free defaults that are not open source. Source: https://capitalandcompute.net/blog/claude-motion-graphics-tools/ Published: 2026-09-28 Updated: 2026-10-13 Claude Opus 5.5 doesn’t make video. It writes code, and a separate tool turns that code into frames. The best tools for Claude Opus 5.5 motion graphics are HyperFrames for HTML and GSAP work, Manim for math and data explainers, Blender through its official Claude connector for 3D, and Remotion if you already write React. Pick by the kind of motion you want, then check the license, because two of the defaults people reach for first are free but not open source. That second point is where most of the coverage stops short. The clips going around this week show _that_ Opus 5.5 can do it. They rarely say what the code was running in. Key takeaways * Opus 5.5 writes the animation as code. HyperFrames, Remotion, Manim or Blender does the rendering, and that choice decides your license and your output format. * HyperFrames (Apache-2.0) is the strongest open-source default: plain HTML, an official Claude Code plugin, and a commit on the day this was checked. * Remotion and GSAP are the two defaults most tutorials use, and neither is open source. Remotion charges $25 per person per month from the fourth person, agent-written code included. * For 3D, the Blender connector for Claude was built by the Blender developers. It runs model-written Python on your open scene with no guards, so use a copy. * Among paid tools, After Effects costs US$22.99 a month and Cavalry is free for individuals. Neither has a Claude connector today. ## What changed with Opus 5.5 Anthropic released Opus 5.5 on September 22, 2026, at $4 per million input tokens and $20 per million output ([the rate card and what it means are covered here](/blog/claude-opus-5-5-pricing-benchmarks/)). Read the [Opus 5.5 announcement](https://www.anthropic.com/claude-opus-5-5) looking for motion graphics and you won’t find the phrase. The only visual claim in it is a tester’s game, where Opus 5.5 “scored higher than any other model on the strength of its graphics and polish.” Everything else came from users. By September 27, [OfficeChai had compiled ten examples from X](https://officechai.com/ai/claude-opus-5-5-motion-graphic-videos/), with creators reporting one-shot clips in 15 minutes, a showreel “in 45 minutes,” and in one case 12 hours of unattended work from a five-minute voice brief. Those are self-reports gathered by a news site, not measurements. But the same pattern sits under nearly all of them. The model wrote HTML, CSS and a JavaScript animation library, or React, and a render engine captured the frames. Charlie Hills, whose [Substack post on Claude Code motion graphics](https://charliehills.substack.com/p/claude-code-motion-graphics) is one of the most shared write-ups, compresses the method into three steps [in his X post](https://x.com/charliejhills/status/2103893708550914076): pick one motion (a chart that morphs, say), show Claude a reference and name every state, then ask for HTML and SVG and fix it round by round. Notice what’s missing from that recipe. There’s no video tool at all until the end. The engine is a delivery step, which is exactly why people skip past the choice and inherit whatever the tutorial used. ## Which tool runs which kind of motion __Where Claude Opus 5.5 motion graphics code runs, by kind of motion__ | Kind of motion | Claude writes | Runs in | Comes out as | | ------------------------------------- | ------------------ | ----------------------- | --------------- | | Kinetic type, UI loops, launch promos | HTML + CSS + GSAP | HyperFrames | MP4 | | Data-driven compositions in React | React + TypeScript | Remotion | MP4 or stills | | Math and data explainers | Python | Manim | MP4 | | 3D scenes and product shots | Python (bpy) | Blender | Frames or video | | Browser 3D and particles | JavaScript | Three.js in HyperFrames | MP4 | | App and web micro-interactions | Lottie JSON | dotLottie | Lottie file | The route from prompt to file. Opus 5.5 writes the left column; the tool in the middle renders it; the right column is the file you get. HyperFrames is highlighted because it is the only open-source option with an official Claude Code plugin from its own maintainer.Source: Project documentation for each tool, read September 28, 2026 Most of the viral clips live in the first row. That isn’t an accident: HTML and CSS are the surface Opus 5.5 has seen the most of, and a DOM is easy for an agent to inspect and correct between rounds. ## How the ranking works How this was made Each tool was scored on four things, in this order. First, whether Opus 5.5 can author it from text or code alone, with no GUI step. Second, the license, and whether it is actually open source by the Open Source Initiative definition. Third, maintenance, from the last push to the default branch. Fourth, what it outputs. Star counts, licenses and push dates were read from the GitHub API on September 28, 2026\. Prices and license terms were checked on each vendor’s own page the same day. Nothing here was rendered or benchmarked by this site, so the list ranks fit and terms, not output quality. No tool on it pays this site. ## The 10 best open-source motion graphics tools for Claude | Rank | Tool | License | GitHub stars | Last push | Claude writes | | ---- | -------------------------- | ---------- | --------------- | ------------ | --------------- | | 1 | HyperFrames | Apache-2.0 | 53,647 | Sep 28, 2026 | HTML, CSS, GSAP | | 2 | Manim Community | MIT | 41,088 | Sep 27, 2026 | Python | | 3 | Blender + Claude connector | GPL | 20,568 (mirror) | Sep 27, 2026 | Python (bpy) | | 4 | Three.js | MIT | 115,993 | Sep 27, 2026 | JavaScript | | 5 | Motion Canvas | MIT | 19,187 | Jul 2, 2026 | TypeScript | | 6 | Anime.js | MIT | 73,152 | Aug 21, 2026 | JavaScript | | 7 | Revideo | MIT | 4,066 | Jul 15, 2026 | TypeScript | | 8 | dotLottie | MIT | 888 | Sep 16, 2026 | Lottie JSON | | 9 | OpenMontage | AGPL-3.0 | 61,553 | Sep 6, 2026 | Pipeline config | | 10 | TiXL | MIT | 5,116 | Sep 23, 2026 | Node graphs | ### 1\. HyperFrames [HyperFrames](https://github.com/heygen-com/hyperframes) is HeyGen’s renderer, and its README pitches it in six words: “Write HTML. Render video. Built for agents.” A composition is an HTML page with timing attributes. HyperFrames seeks through it frame by frame in headless Chrome and hands the frames to FFmpeg, so the same file renders the same MP4 every time. It ranks first because it’s the only tool here whose maintainer ships an official Claude Code plugin (`claude plugin install hyperframes@hyperframes`). That plugin carries 21 skills, routed through a `/hyperframes` command, and GSAP, Lottie, Three.js and Anime.js all plug in as animation adapters. It needs Node 22 or later and FFmpeg. Apache-2.0 means no seat count, ever. ### 2\. Manim Community Manim is the Python engine behind 3Blue1Brown’s math videos, and [Manim Community](https://github.com/ManimCommunity/manim) is the documented, community-maintained fork (Grant Sanderson’s own [3b1b/manim](https://github.com/3b1b/manim) has more stars, at 94,321). For equations that morph, graphs that draw themselves, or a bar chart that re-sorts, it’s the most direct route. Scenes are plain Python classes, which is about the easiest thing you can ask Opus 5.5 to write and debug. ### 3\. Blender, through the official Claude connector This is the only 3D entry with first-party support on both sides. [Anthropic’s Claude for Creative Work announcement](https://www.anthropic.com/news/claude-for-creative-work) (April 2026) says Blender’s developers built an MCP connector for Claude, and [Claude’s own Blender connector tutorial](https://academy.claude.com/tutorials/using-the-blender-connector-in-claude) confirms it runs from Claude Desktop on any plan, including Free, against Blender 4.2 or later. You describe the shot. Claude writes and runs Python through Blender’s `bpy` API on the scene you have open. Read one sentence before you try it. [Blender’s own MCP server page](https://www.blender.org/lab/mcp-server/) warns that it “will execute LLM generated code in Blender without any guards in place” and recommends a virtual machine. Work on a copy of the file. The older community option, [mcp-for-blender](https://github.com/ahujasid/blender-mcp) (MIT, 29,488 stars), is still active and works with other models too. ### 4\. Three.js [Three.js](https://github.com/mrdoob/three.js) (MIT, 115,993 stars) is the browser’s 3D library. On its own it draws to a canvas in real time. Running it inside HyperFrames is what makes it deterministic video. Pick it for particles, product spins and camera moves that don’t need Blender’s renderer. ### 5\. Motion Canvas [Motion Canvas](https://github.com/motion-canvas/motion-canvas) (MIT) writes animations as TypeScript generator functions: do this, wait, then do that. It suits technical explainers, and the code reads well when an agent has to revise the third beat without touching the first two. Its last push was July 2, 2026, almost three months ago, which is slow next to the top four. ### 6\. Anime.js [Anime.js](https://github.com/juliangarnier/anime) (MIT, 73,152 stars) is the genuinely open-source alternative to GSAP for timeline animation in the browser. Ask for it by name, because Opus 5.5 reaches for GSAP by default, and HyperFrames supports both. ### 7\. Revideo [Revideo](https://github.com/midrender/revideo) (MIT) describes itself as borrowing concepts from Remotion and Rive, and it adds a headless render API, so it fits a pipeline that renders on a server rather than a laptop. It’s the engine behind the commercial Midrender product, which is worth knowing when you weigh where its roadmap goes. ### 8\. dotLottie Not every motion graphic ends up as an MP4\. App onboarding, loading states and web micro-interactions ship as Lottie JSON, which stays sharp at any size and weighs kilobytes. [dotLottie](https://github.com/LottieFiles/dotlottie-web) is the maintained player (MIT, pushed September 16, 2026). The older [lottie-web](https://github.com/airbnb/lottie-web) has 32,128 stars but hasn’t had a push to its default branch since September 1, 2025, a detail most roundups leave out. ### 9\. OpenMontage [OpenMontage](https://github.com/calesthio/OpenMontage) (AGPL-3.0, 61,553 stars) sits a layer above everything else here. It’s an agentic pipeline for scripts, narration, assets and edits, and it hands the final render to Remotion or HyperFrames. The catch is that Remotion is its default for React work, so a company of four or more running it out of the box inherits a paid license. [That trap is traced in full in the open-source AI video tools comparison](/blog/best-open-source-ai-video-tools/). ### 10\. TiXL [TiXL](https://github.com/tixl3d/tixl) (MIT, formerly Tooll 3) is a real-time motion graphics tool built on node graphs, closer to TouchDesigner than to a code library. Opus 5.5 can reason about its graphs but can’t drive it as directly as the tools above, which is why it’s last. It’s still actively maintained, with a push on September 23. Two GUI-first classics also clear the maintenance bar, [Synfig](https://github.com/synfig/synfig) (GPL-3.0) for 2D and [Natron](https://github.com/NatronGitHub/Natron) (GPL-2.0) for compositing. Neither gives an agent much to write, so they sit outside the ten. ## Free, but not open source: Remotion and GSAP These two show up in most Claude Code motion graphics tutorials, and a lot of them call both “open source.” Neither is. **Remotion** renders React components to video, and it’s the most mature option for data-driven compositions. Its [license FAQ](https://www.remotion.dev/docs/license/faq) says it is “source-available software, but it is not open source software” by the Open Source Initiative definition. It’s free for individuals and teams of up to three. After that it costs $25 a month per person “who writes Remotion code themselves or using agentic coding tools.” The agent writing the code doesn’t remove the seat. Remotion also ships its own [agent skills](https://www.remotion.dev/docs/ai/skills) (`npx skills add remotion-dev/skills`), which is why so many first attempts land on it. **GSAP** is the animation library behind most of the HTML clips. Webflow made it free in 2025, commercial use included, under a [Standard No Charge license](https://gsap.com/standard-license/). The license is proprietary and makes no open-source claim. It also bars using GSAP in no-code visual animation builders that compete with Webflow. For a video or a website, that won’t touch you. For a product that lets users build animations, read the clause, or swap in Anime.js. ## The best paid motion graphics tools The proprietary tools are still where professional motion designers work. The difference is how much of them Claude can reach. | Tool | Price (checked Sep 28, 2026) | Claude access | Best for | | ------------------------ | ---------------------------------------------------- | ------------------------------- | ------------------------------------- | | Remotion Company License | $25 per person per month, from 4 people | Official agent skills | React teams shipping video in-product | | Adobe After Effects | US$22.99/mo (annual, billed monthly) | No named connector | Finishing and compositing | | Cavalry | Free for individuals; Enterprise via Canva | None | Procedural 2D and Lottie export | | Rive | Free, $9, $32 or $120 per seat/month | Rive has its own built-in agent | Interactive app animation | | Jitter | Free tier; paid tiers unlock ProRes and transparency | None | Fast UI motion for designers | **After Effects** is the industry default, at [US$22.99 a month](https://www.adobe.com/products/aftereffects/plans.html) on an annual plan billed monthly, or inside Creative Cloud Pro at US$69.99\. Anthropic’s creative-work launch lists an Adobe connector covering “50+ tools across Creative Cloud apps including Photoshop, Premiere, Express, and more.” After Effects isn’t named. For now, the working split is to generate in code and finish in After Effects. **Cavalry**, now part of Canva, [says it “really is free for individuals”](https://cavalry.studio/), needs a Canva account, and exports Lottie. For a solo designer it’s the best-value proprietary tool on this list. **Rive** charges per seat ([Free, Cadet at $9, Voyager at $32, Enterprise at $120 a month](https://rive.app/pricing)), and the free plan can’t export `.riv` files. Its own editor agent is included on every plan, so it’s the one paid tool here with AI built in rather than bolted on. **Jitter**’s [free plan](https://jitter.video/pricing/) exports video, GIF and Lottie at 720p and 30fps. ProRes and WebM start on Pro, and transparent export on Max. Its dollar prices load in the browser and couldn’t be read from the page source, so none are quoted here. ## How to make motion graphics with Claude Code, in five steps 1. **Pick the engine first.** HyperFrames for HTML, Remotion if you write React and are three people or fewer, Manim for math. Install its skills so Claude knows the API. 2. **Give one reference and name its states.** “Title slides in, bar grows to 64%, logo resolves” beats “make it pop.” 3. **Ask for one motion at a time.** A 15-second reel is five small scenes, not one prompt. 4. **Review in the preview, not the MP4.** Both HyperFrames and Remotion preview in a browser, and fixes are cheaper before a render. 5. **Add sound and polish yourself.** Timing to music is still where most of the viral clips needed a human pass. For more skills worth installing next to these, the [Claude Skills directory](/claude-skills/) lists them by task. For the connector side, see the [MCP server roundup](/blog/best-mcp-servers/). ## Frequently asked questions Can Claude Opus 5.5 make motion graphics? Yes, by writing code. Opus 5.5 writes HTML, CSS and JavaScript, React, or Python, and a render engine such as HyperFrames, Remotion or Manim turns it into video. Anthropic did not announce motion graphics as a feature; the examples circulating since September 22, 2026 are user-made. What tool does Claude use to render motion graphics? Claude does not render video itself. The most common engines are HyperFrames, which renders HTML to MP4 and ships an official Claude Code plugin, and Remotion, which renders React. Manim covers math explainers and Blender covers 3D through its official Claude connector. Is GSAP open source? No. GSAP has been free for everyone since 2025, including commercial use, under the Webflow Standard No Charge license. That license is proprietary, and it bars using GSAP in no-code visual animation builders that compete with Webflow. Anime.js is an MIT-licensed alternative. Does Claude work with After Effects? Not directly, as of September 28, 2026\. Anthropic lists an Adobe connector covering more than 50 Creative Cloud tools including Photoshop, Premiere and Express, but After Effects is not named. The common workflow is to generate motion in code and finish in After Effects. Do I need to know how to code to make motion graphics with Claude? No, but you need to review what it makes. Claude writes and fixes the code, and tools like HyperFrames and Remotion show a live browser preview. What helps most is describing each state of the motion precisely and asking for one change per round. ## The bottom line Start with HyperFrames. It’s Apache-2.0, it’s maintained by a company that builds video for a living, and it’s the only open-source engine with an official Claude Code plugin. Add Manim for anything with an equation in it, and Blender through the Claude connector when the shot needs real 3D. Use Remotion if you write React and your team is small enough that the license stays free. And when a tutorial says GSAP or Remotion is open source, you now know to check. ## Sources Anthropic (2026). _Introducing Claude Opus 5.5_. Anthropic announcement. Anthropic (2026). _Claude for Creative Work_. Anthropic announcement. Anthropic (2026). _Using the Blender connector in Claude_. Claude Academy tutorial. Blender Foundation (2026). _MCP Server_. Blender Lab documentation. OfficeChai (2026). _Claude Opus 5.5 Is Generating Incredible Animated Motion Graphic Videos: 10 Best Examples_. Secondary compilation of X posts. Hills, C. (2026). _Claude Code motion graphics and video with Opus 5.5_. Substack. HeyGen (2026). _HyperFrames_. Project repository and README (Apache-2.0). Remotion (2026). _License FAQ_ and _Agent Skills_. Vendor documentation. Webflow (2025). _GSAP Standard No Charge License_. Vendor license. Manim Community (2026). _Manim_. Project repository (MIT). Adobe (2026). _After Effects plans and pricing_. Vendor pricing page. Canva (2026). _Cavalry_. Vendor site. Rive (2026). _Pricing_. Vendor pricing page. Jitter (2026). _Pricing_. Vendor pricing page. GitHub REST API (2026). Repository metadata for every project listed, read September 28, 2026\.