alright - verdict is in - Motion Design is solved made with HyperFrames + Claude Design btw - HyperFrames is open source, star it on github and I'll send tutorial on how i made this with 2 prompts.

jk. i'll post tutorial recording when i wake up. also - audio made with local TTS (kokoro) but - fr - star our github so you don't miss some of the upcoming updates

Here’s the tutorial post - kinda rushed it, will make a more polished one and maybe post on YouTube

looks like dog shit

lol 🤙🤙🤙

you guys should work on pushing these outputs to look less like website landing pages. they're borderline unusable

It’s amazing

this time it's horizontal but it's pretty funny to me how much of a problem this is with LLMs

It is! WebGL’s texture coordinate space has its origin at the bottom-left, while basically every other coordinate system an LLM has ever seen — DOM, canvas, image pixels, CSS, etc — puts (0,0) at the top-left. I forgot to ask it to do flipY I need to check the code but I think this one is horizontally flipped because it was transformed

motion design isnt solved lol, u made a nice looping globe graphic. thats a template that repeats. actual motion design is solving for intention, timing, hierarchy across real products where every frame matters

Bro didn't make this in two prompts😭

I’ll post tutorial tomorrow morning 🤙

If Claude Design defines the visual system, HyperFrames should be the execution layer. Top asks: Native audio timeline, Scene/template system aligned to design systems, Design → video handoff (Claude Design → HyperFrames). That’s a serious stack. 😉

impressive. not solved yet. is this what “solved” looks like? can it do this?

What is the difference between remotion and HyperFrames?

Nice. Was gonna give this to Lottie too. But figured this is best to just leave for Stripe design team.

hyperframes looks fun, the ui code probably cost more than the animation

Let the repo speak for itself. Stars are earned, not requested.

100% agree - that’s why it’s a joke 😉 - checkout our repo and decide for yourself

100% :)

oh nice, HyperFrames turning HTML into rendered video is a pretty wild concept.

You have flipped the map!

The earth map is backwards lol

Very cool! but fyi the geography is mirrored ... 🌍

This is wild, 2 prompts?? Motion design used to take me days 😭 Starring the repo rn

If this is repeatable, a lot of ‘motion takes too long’ assumptions just died

totally repeatable

HyperFrames + Claude is a combo I didn't know I needed until now

that globe is totally messed up. not even just mirrored, it's both mirrored and jammed together wrong

Motion design solved in 2 prompts? This HyperFrames + Claude combo is straight fire – can’t wait for that tutorial!

Looks amazing! Tried emotion but was never able to achieve smth like this So maybe hyperframes is the answer

Open source tools like HyperFrames really push innovation in motion design.

Can't wait for the tutorial on how you broke it in 3 prompts.

this is pretty cool actually :)

the pace this stuff is moving at is absolutely wild

You got me there lol

YOOOOOO

solved is a strong word but the output is genuinely good

this is dope!

This looks beautiful Bin!!! Instant follow and checking tutorial now!!!111

Cool looking Earth! It’s not right, at all, but it looks cool. Hyper Frames is great, still have to check the work though 👍

Great! I’m trying to do this for a few weeks Result with 4.6:

no way this was made in 2 prompts😭😭

Would love to give this a try! 👍