> ## Documentation Index
> Fetch the complete documentation index at: /llms.txt
> Use this file to discover all available pages before exploring further.

# What is HyperFrames?

> See what an AI agent can make with ordinary web technology.

<video aria-label="What is HyperFrames?" src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5.jpg" playsInline preload="metadata" />

HyperFrames is a free, open-source framework that turns HTML into video. You make the request; an AI agent builds an editable project; HyperFrames plays or renders it.

## What can it make?

Every tile below is a finished HyperFrames film. Open one to watch it with sound.

## Three things to know

**Agent-built.** You describe the video; the agent writes the HTML, CSS, and JavaScript. You do not need to write code for this path.

**Editable.** The result is a project folder, not a flattened black box. An agent, the browser editor, and your own tools can work on the same files.

**Reliable render.** HyperFrames asks the project for each exact frame instead of
depending on live playback, so a slow machine does not drop moments from the
finished video.

## Make one

> [card] [Make your first video](/quickstart.md)
>
> Install the skills, make one short request, and choose how you want to continue.

## Related topics

* [Watch more finished HyperFrames work](/examples.md)
* [Go further with an existing project](/studio-app/edit-with-the-agent.md)
* [Build on HyperFrames as a developer](/developers.md)