@janustiu: I made this, this, that, and all these motion graphics, all by vibe coding. I just found this new open-source framework called Hyperframes. It lets you preview HTML-based animations and export them as video, and it works in any AI coding agent. To install, enter this: `npx skills add heygen-com/hyperframes`. Then start with a simple prompt. These animations used to take hours in After Effects — now they take maybe a couple of minutes. After testing it out, I found it works best for product demos, infographic animations, and microinteractions. For more complicated animations, it can break sometimes and takes time to fix.
Janus Tiu
Region: CA
Wednesday 29 April 2026 12:49:03 GMT
Music
Download
Comments
lvr05 :
I honestly wouldn’t qualify this as vibe coding anymore. You’re making usage of an AI workflow but there’s still so much intricate details that you’re manually doing !!
2026-04-30 02:13:57
40
carlitosangulo :
Can those animations be exported to video? Or those animations are only for web?
2026-05-02 14:29:28
0
Janus Tiu :
Repo: https://github.com/heygen-com/hyperframes
Starter prompts to try:
https://docs.google.com/document/d/19IspcKGHzuhe0CgV_92Ml4EYdAIVd7riZId0q65ANwc/edit?usp=sharing
To install, just run this in Cursor or Claude Code:
npx skills add heygen-com/hyperframes
Have fun with it, and let me know what you make!
2026-04-29 12:49:30
14
HiddenGemOutfit :
its like remotion? all asset is MIT or copyright free? or pure code?
2026-10-01 05:15:54
0
midlifebrainproject :
Hv u tried remotion?
2026-04-30 02:19:19
1
_AaronJP :
Vibe coding is the future
2026-05-01 00:51:39
0
Okaybut :
At this point it’s just introducing dependency if you tell it what library to use. Not quite a vibe code workflow but a development one. Give Framermotions next time
2026-05-01 01:52:29
1
ziriguidum :
it's a pity that is useless on my actual job, but it's fun
2026-04-30 00:29:45
0
__.__owl :
We need tutorials!! Everyone is sharing the same content about how to install 😂 literally remotion has been around for a while now but the tutorials are rare. Same thing with this hyperframes release.
2026-05-01 17:03:29
1
uinkits - Figma Design System :
I need to try this 😳
2026-07-23 10:18:07
0
User123 :
What forms can I export it to?
2026-04-30 05:11:02
0
Longevity :
This is great!!
2026-05-25 10:34:55
0
Eduardo Telaya :
Have see this hyper frames now the chance to give a try thanks yay new subscriber
2026-05-01 13:39:22
1
M 🖤 :
Whaaat need to try this
2026-04-30 00:14:08
2
dondonkuy :
woahh, i will try
2026-05-01 20:49:59
1
:
Love!
2026-06-14 05:49:54
0
Kavidi De Silva :
love this 💙
2026-04-29 13:43:28
1
chiratthaneeyath :
🥰
2026-04-30 00:07:44
0
10/10 :
🥰✨
2026-05-20 04:08:30
0
To see more videos from user @janustiu, please go to the Tikwm
homepage.