mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
ukimsanov
46 lines
1.7 KiB
Plaintext
46 lines
1.7 KiB
Plaintext
---
|
|
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)
|