@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
Janus Tiu
Open In TikTok:
Region: CA
Wednesday 29 April 2026 12:49:03 GMT
72129
4535
29
632

Music

Download

Comments

lvr05
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
r3b3l1979
carlitosangulo :
Can those animations be exported to video? Or those animations are only for web?
2026-05-02 14:29:28
0
janustiu
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
satisfactorystudio
HiddenGemOutfit :
its like remotion? all asset is MIT or copyright free? or pure code?
2026-10-01 05:15:54
0
midlifebrainproject
midlifebrainproject :
Hv u tried remotion?
2026-04-30 02:19:19
1
pluseighty2
_AaronJP :
Vibe coding is the future
2026-05-01 00:51:39
0
glazilbq6mi
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
puredodongo
ziriguidum :
it's a pity that is useless on my actual job, but it's fun
2026-04-30 00:29:45
0
__.__owl
__.__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
uinkits - Figma Design System :
I need to try this 😳
2026-07-23 10:18:07
0
ituser135
User123 :
What forms can I export it to?
2026-04-30 05:11:02
0
mrlongevity
Longevity :
This is great!!
2026-05-25 10:34:55
0
edutrul
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
miabuildingapps
M 🖤 :
Whaaat need to try this
2026-04-30 00:14:08
2
d0nd0nkuy
dondonkuy :
woahh, i will try
2026-05-01 20:49:59
1
glossycoded
:
Love!
2026-06-14 05:49:54
0
kavididesilva
Kavidi De Silva :
love this 💙
2026-04-29 13:43:28
1
chiratthaneeyath
chiratthaneeyath :
🥰
2026-04-30 00:07:44
0
10outta10view
10/10 :
🥰✨
2026-05-20 04:08:30
0
To see more videos from user @janustiu, please go to the Tikwm homepage.

Other Videos


About