App UI scenes for a mobile app promo video or a product demo: an onboarding flow in a phone, a chat thread, a search bar with results, glass UI screens floating in space, a terminal that turns into a dashboard. Every screen is drawn in HTML and CSS, so there are no screenshots to redo when your app changes.
Ask Claude to put in your app's name, screens, words and colours. Paste the prompt into Claude to preview it, or pull the scene into Claude Code and render the MP4 with npx hyperframes render.
No After Effects and no UI animator subscription. Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.
Start from the App onboarding flow or Chat thread scene, ask Claude to swap in your app's screens and words, and render the MP4. The mobile app promo video guide has the steps.
Yes, in Claude Code: add the images to the scene folder and ask Claude to place them in the phone. The built-in screens are drawn in code, which keeps text sharp.
Some are vertical 9:16 for Reels and Stories and some are 16:9 for websites and YouTube. Each scene page shows its format.
Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.