head to head · open source
hyperframes vs design-tokens
hyperframes has 84,010 GitHub stars, 7,768 forks, 200 open issues and last shipped today. design-tokens has 1,130 stars, 148 forks, 41 open issues and last shipped 9 months ago. hyperframes leads on adoption by 7,335% (84,010 vs 1,130 stars). hyperframes is written in TypeScript under Apache-2.0; design-tokens is written in TypeScript under MIT. hyperframes has attracted 9% as many forks as stars, design-tokens 13%. hyperframes was the more recently maintained of the two, and both are self-hostable with no licence fee.
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 | design-tokens | |
|---|---|---|
| GitHub stars | ★ 84K | ★ 1.1K |
| License | Apache-2.0 | MIT |
| Written in | TypeScript | TypeScript |
| Last push | 2026-11-14 | 2026-02-16 |
| Forks | ⑂ 7.8K | ⑂ 148 |
| Self-hosting | Yes | Yes |
| Data ownership | Your server | Your server |
pick hyperframes if
- You weight community size — 84K 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 design-tokens if
- You want the design-tokens feature set and don't need the biggest community
- You prefer the MIT license terms
- Your stack matches TypeScript
- You evaluated both and design-tokens 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 design-tokens
[!WARNING] This plugin is only partially supported! This means: I don't have capacity to add any features or really improve stuff. Bugfixes may be added if time allows. I am also happy to discuss and merge PRs. I personally have changed my opinion a long time ago to favor the source fo truth for design tokens to be in a json file. Figma should be a consumer so you only import tokens into figma. This is why I don't use plugins like this one anymore in my work. → Read more about the a better setup Design Tokens The Design Tokens plugin for Figma allows you to export design tokens into a json format that can be…
read the full design-tokens 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 design-tokens more popular?
hyperframes has 84,010 GitHub stars and design-tokens has 1,130. hyperframes has the larger community by that measure.
Are hyperframes and design-tokens free?
Both are open source. hyperframes is licensed under Apache-2.0 and design-tokens under MIT. Neither carries a licence fee.
What is the difference between hyperframes and design-tokens?
hyperframes is written in TypeScript and design-tokens 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 design-tokens?
Choose hyperframes if you want the larger community (84,010 stars) or its Apache-2.0 licence terms. Choose design-tokens if its feature set, stack or MIT licence fits better. Both are self-hostable.