mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-15 22:08:03 +00:00
85 lines
4.0 KiB
Plaintext
85 lines
4.0 KiB
Plaintext
---
|
|
title: "Welcome to HyperFrames"
|
|
description: "Make videos with an AI agent, refine them in Studio, and export the finished result."
|
|
---
|
|
|
|
HyperFrames is a way to create videos with an AI agent and still keep full control over the result.
|
|
|
|
Tell your agent what you want to make. It can plan the story, gather media, build the scenes, add motion, and open the project in **HyperFrames Studio**. In Studio, you can watch the video, rearrange timing, edit text and design, adjust animation, and export the finished file.
|
|
|
|
You do not need to understand the rendering engine or write HTML to get started.
|
|
|
|
<CardGroup cols={2}>
|
|
<Card title="Try the browser Playground" icon="browser" href="https://www.hyperframes.dev/">
|
|
Explore and remix HyperFrames work without beginning in a local project.
|
|
</Card>
|
|
<Card title="Make something with an agent" icon="sparkles" href="/quickstart">
|
|
Describe the outcome you want. Your agent chooses the right workflow and builds a first version.
|
|
</Card>
|
|
<Card title="Learn HyperFrames Studio" icon="palette" href="/studio">
|
|
See how to review, edit, animate, and export a project in the visual editor.
|
|
</Card>
|
|
<Card title="Browse reusable visuals" icon="grid-2" href="/catalog">
|
|
Find transitions, captions, charts, overlays, code animations, and complete scenes.
|
|
</Card>
|
|
<Card title="Build with the framework" icon="code" href="/developers">
|
|
Use the CLI, SDK, packages, schemas, and deployment tools.
|
|
</Card>
|
|
</CardGroup>
|
|
|
|
## What can you make?
|
|
|
|
HyperFrames is useful for more than one kind of video.
|
|
|
|
<CardGroup cols={2}>
|
|
<Card title="Product and website videos" icon="rocket">
|
|
Turn a product, website, or launch brief into a polished promo, tour, or social video.
|
|
</Card>
|
|
<Card title="Explainers" icon="lightbulb">
|
|
Turn notes, an article, or a difficult idea into a visual story with narration and motion.
|
|
</Card>
|
|
<Card title="Captions and video overlays" icon="closed-captioning">
|
|
Add subtitles, kinetic titles, lower thirds, quotes, and information cards to existing footage.
|
|
</Card>
|
|
<Card title="Motion graphics" icon="wand-magic-sparkles">
|
|
Create title sequences, animated statistics, charts, logo stings, and transparent overlays.
|
|
</Card>
|
|
<Card title="Music-driven videos" icon="music">
|
|
Cut images, footage, lyrics, and motion to the beat of a music track.
|
|
</Card>
|
|
<Card title="Interactive slideshows" icon="display">
|
|
Build presentations with reveals, speaker notes, branches, and clickable hotspots.
|
|
</Card>
|
|
</CardGroup>
|
|
|
|
## How the pieces fit together
|
|
|
|
<Steps>
|
|
<Step title="You describe the result">
|
|
Give an agent a product link, a script, a piece of footage, a pull request, a song, or a plain-language idea.
|
|
</Step>
|
|
<Step title="The agent builds a project">
|
|
The agent chooses the matching HyperFrames workflow, confirms the important creative choices, and creates the scenes and media.
|
|
</Step>
|
|
<Step title="You review it in Studio">
|
|
Play the result, leave direction, edit visible elements, change timing, adjust animation, and check the final frame.
|
|
</Step>
|
|
<Step title="You export or share it">
|
|
Render a standard video, a transparent overlay, a high-resolution file, or a shareable published project.
|
|
</Step>
|
|
</Steps>
|
|
|
|
<Note>
|
|
HyperFrames projects are stored as normal files rather than a locked proprietary project format. That matters to agents and developers, but you can use the visual Studio without working directly with those files.
|
|
</Note>
|
|
|
|
## Choose the shortest path
|
|
|
|
- If you have an idea or source material, start with [Make your first video](/quickstart).
|
|
- If you want to explore first, open the [browser Playground](https://www.hyperframes.dev/).
|
|
- If an agent already created a project for you, open [Studio](/studio).
|
|
- If you want a ready-made visual, browse the [Catalog](/catalog).
|
|
- If you are integrating HyperFrames into another product, go to [Developers](/developers).
|
|
|
|
Not sure which one fits? [Choose your path](/guides/choose-your-path) gives you a simple decision guide.
|