MOTION0:18HyperFrames demo: animated video from HTML, CSS and JS
A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.
/
Submit"What day is it?" answered as a 30-second motion piece
Made with HyperFrames + Claude. HyperFrames is free and open source: the main button takes you to it.
0:00
Video: @tankazunori0914 on X, shown with credit. Press play; sound is on unless you mute it.
Why it's here
A reference for what HyperFrames can make. The creator says it was made with this tool, and the repo is public. We checked the link: github.com/heygen-com/hyperframes.
Make one like it
- Open the HyperFrames page and follow the install steps.
- Describe the video you want in plain words: subject, length, mood, music.
- Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.
Sources & credit
The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.
More reference videos
MOTION0:18
MOTION1:20HyperFrames Studio: a video editor built for agents
Made with HyperFrames. HyperFrames is free and open source: the main button takes you to it.
MOTION0:10Japanese product promo made in Claude Code
Made with Claude Code + HyperFrames. HyperFrames is free and open source: the main button takes you to it.
MOTION1:04Live-coding music video built on HyperFrames
A custom skill pairs Strudel beats with HyperFrames visuals, so the agent composes the track and the video together.
MOTION0:52Your Claude Code history, animated with HyperFrames
A skill reads local session history and turns a typical session into an animated story, built on HyperFrames.
MOTION0:20Short Instagram motion pieces with HyperFrames
After installing the skill, the agent spun up a small in-browser studio and produced short social motion clips.