---
title: "What is HyperFrames?"
sidebarTitle: "What HyperFrames is"
description: "See what an AI agent can make with ordinary web technology."
---

import { ShowcaseWall } from "/snippets/showcase-wall.jsx"

<Frame>
  <video
    alt="An introduction to how an agent turns an editable HyperFrames project into video."
    className="aspect-video w-full object-cover bg-zinc-100 dark:bg-zinc-900"
    src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5.mp4"
    poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5.jpg"
    playsInline
    controls
    preload="metadata"
  />
</Frame>

HyperFrames is an 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.

<ShowcaseWall />

## Three things to know

**Agent-built.** The layouts, type, interfaces, motion, transitions, and effects are ordinary HTML, CSS, and JavaScript authored by an AI agent.

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

**Seekable.** 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 title="Make your first video" icon="play" href="/quickstart" horizontal arrow>
  Install the skills, make one short request, and choose how you want to continue.
</Card>

[Go further →](/go-further) · [Build on HyperFrames →](/developers)