23.06.2026·00:04:18

Hyperframes Just Replaced Remotion

Hyperframes is a new motion graphics creator like Remotion which has been supercharged by agentic workflows. Particularly Fable 5. — TIMESTAMPS: 0:00 Hyperframes animations look so good 00:28 Designs are hand-crafted 01:15 It's not 100% success rate 01:33 Hyperframes interface 02:29 Setup 03:37 Using agents to edit designs — Unlock the full potential of your online presence with Kabarza and Samuel—experts in web design and development (respectively), powered by cutting-edge AI solutions. We blend creative design with advanced tech to deliver smart, high-impact websites that stand out. Ready to elevate your business? Contact us today and see what AI-driven innovation can do for you! LINKS & RESOURCES: Website: https://cmdaishow.com Check out Kabarza's amazing work: https://kabarza.com Visit Samuel's website for more: https://samuelgregory.co.uk 📷 Follow on Instagram: https://www.instagram.com/cmdaishow — HASHTAGS: #ai #podcast #aidesign #aidevelopment #vibecoding #webdesign #webdevelopment #ainews #webnews #designnews #devnews

Transcript
So, I want to show you a few examples of what I've been doing with Fable 5. I finally gave Hyperframes a try. Command AI. So, this is a video made by Fable 5. So, you see all of this is animated. This is Hyperframes. Amazing. This is Hyperframes. So, this video uh is essentially this. By the way, the design is not from Claude. This design is done by us. This is like human This is my designer putting like actual work into this and making this design, okay? And then I gave this design to Fable and I said, "Use Hyperframes and, you know, make an animation and it should be this and this and that." And that's that's the output. Um I'll just play it once again. So, it does this thing and then you see this hover. That's really nice. There's a click effect and there are like these really nice animations happening. And now I can export it as a video. There is a V2 version that I did and it's so bad. And it doesn't like work properly. Yeah, that like first Maybe I'm using Hyperframes wrong. No. And just Yeah, to to get an idea about Hyperframes, you see like all of these are like your layers. Everything you can change it manually or just ask your agents to do it and then you export it. Even the export you can do it agentically. Um There are assets. There are There is a code. So, all of this is built as an HTML file and then I don't know. It's animated. Uh and you can also use Hyperframe with um with GSAP. So, you can also use GSAP and hyperframes together, which I haven't yet, but that can be also um an interesting idea. GSAP under the hood. I thought it was. I'm not sure. I know I don't Do you remember what your prompt was? Can we see Can we Can we Can we look at your prompt, please? [snorts] Uh the thing is I restarted everything. I don't think I hyphen hyphen resume Resume, yeah. Here on the left side I installed everything I needed for hyperframes. And my initial prompt Yeah, it was like there is a floating animation, but it's really bad made. Um Which which is kind of indicative of how, you know No, this is my No, this is not my first prompt, so that's like down the road, but but it was at the end of the day it was like a few prompts, not too many. Uh I'm I'm quite surprised by it. Like the first prompt was working. Like everything that you see was working. The only few things that I had to change was like this hover effect. I wanted it to be I wanted to be to have this hover effect on hover and then have a click effect. Uh and then these I wanted them to to be a in a specific way with this count up animation. Uh they existed as a a different type of transition. And then what's also really cool is you you see this text that I have here or like these pieces of text I can just tell the agent to change them. So, these in my design were mention, just the word mention. Uh I the agent, "Hey, use something that makes sense." I didn't even say use Webflow on LinkedIn. I just said, "Use a word that makes more sense than mention." And it did. This is part of a larger conversation on my show, Command AI, which we stream live every single week. We discuss the news and all things related to AI in the world of design and web. Catch us next week and join in the banter. Command AI.