head to head · open source
hyperframes vs auto-animate
hyperframes has 79,664 GitHub stars, 7,334 forks, 200 open issues and last shipped yesterday. auto-animate has 13,958 stars, 268 forks, 44 open issues and last shipped 2 days ago. hyperframes leads on adoption by 471% (79,664 vs 13,958 stars). hyperframes is written in TypeScript under Apache-2.0; auto-animate is written in TypeScript under MIT. hyperframes has attracted 9% as many forks as stars, auto-animate 2%. hyperframes was the more recently maintained of the two, and both are self-hostable with no licence fee. The two share 1 topic tag (animation), so they are genuine substitutes rather than adjacent tools.
Two open source projects, one decision. Both are free and self-hostable — the differences are community size, license terms, language stack and release pace.
← all 20902 open source comparisons
Side by side
| hyperframes | auto-animate | |
|---|---|---|
| GitHub stars | ★ 80K | ★ 14K |
| License | Apache-2.0 | MIT |
| Written in | TypeScript | TypeScript |
| Last push | 2026-11-06 | 2026-11-05 |
| Forks | ⑂ 7.3K | ⑂ 268 |
| Self-hosting | Yes | Yes |
| Data ownership | Your server | Your server |
pick hyperframes if
- You weight community size — 80K stars and counting
- You want the Apache-2.0 license terms
- Your stack matches TypeScript
- You value the larger contributor base for long-term maintenance
pick auto-animate if
- You want the auto-animate feature set and don't need the biggest community
- You prefer the MIT license terms
- Your stack matches TypeScript
- You evaluated both and auto-animate fits your workflow better
About hyperframes
Write HTML. Render video. Built for agents. Quickstart Showcase Playground Catalog Docs Discord HyperFrames is an open source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with skills, or as the rendering core behind hosted authoring workflows. Quick Start With an AI coding agent Install the HyperFrames skills, then describe the video you want: The picker opens with nothing pre selected — the Core Skills group is all you need: the /hyperframes router installs each creation workflow on demand. Agents and non…
read the full hyperframes overview →
About auto-animate
Add motion to your apps with a single line of code. AutoAnimate is a zero config, drop in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, Solid or any other JavaScript application. With one line of code, you can improve your interfaces, for example: Installation Install using your package manager of choice. Boom! Done. That was fast! 🐇 Usage 📖 View the documentation site for usage instructions. Examples 📖 View the documentation site for examples. Plugins 📖 View the documentation site for plugin instructions. Support us Is AutoAnimate saving you time? Please…
read the full auto-animate overview →
More in Miscellaneous
Related comparisons
More Design & Prototyping projects
Compare either of these against the rest of the Design & Prototyping field.
Frequently asked questions
Is hyperframes or auto-animate more popular?
hyperframes has 79,664 GitHub stars and auto-animate has 13,958. hyperframes has the larger community by that measure.
Are hyperframes and auto-animate free?
Both are open source. hyperframes is licensed under Apache-2.0 and auto-animate under MIT. Neither carries a licence fee.
What is the difference between hyperframes and auto-animate?
hyperframes is written in TypeScript and auto-animate in TypeScript. The practical differences are community size, licence terms, language stack and release cadence — all compared in the table above.
Which should I choose, hyperframes or auto-animate?
Choose hyperframes if you want the larger community (79,664 stars) or its Apache-2.0 licence terms. Choose auto-animate if its feature set, stack or MIT licence fits better. Both are self-hostable.