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

# Inspiration

> Videos people made, remixed in HyperFrames: launch films, motion graphics and talking-head edits. Find one you like and remix it in the Studio app.

Every video on this page was made with HyperFrames: launch films, cartoons, explainers, 3D, logo stings, live-coded
music. Click one to watch it with sound.

<dialog />

## Remix a video you like

The fastest way to a video you love is to start from one. Every video below is a remix: someone's original, rebuilt
in HyperFrames with new words, people and brand. Hover to play. Like one? Choose **Remix in Studio** and make your
own version; see [Reference any video](/studio-app/reference-video.md) for how it works.

### Launch films and motion graphics

Product launches and type-led motion, rebuilt from the original's cuts, timing and effects.

### Talking-head edits

The editing style of popular Reels, TikToks and Shorts, with a different presenter: captions, cutaways, callouts and
pacing.

## Recreate any video, 1:1

Point HyperFrames at a finished video and it rebuilds the same film in editable HTML —
gestures, type, timing and all. Below, each **reference** (the original, on the left) sits
next to its **HyperFrames replica** (on the right), matched frame for frame.

**THE OBLIST**
38.58s · 60fps

<video poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/reverse-oblist-reference.jpg" playsInline preload="none" />

Reference — original film

<video poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/reverse-oblist-replica.jpg" muted playsInline preload="none" />

HyperFrames replica

**Srinika × Mercury**
30.56s · 25fps · avatar footage

<video poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/reverse-srinika-reference.jpg" playsInline preload="none" />

Reference — original film

<video poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/reverse-srinika-replica.jpg" muted playsInline preload="none" />

HyperFrames replica

## Most-installed blocks

These ready-to-run examples are ordered by human requested installs from the last 30 days. Add any block to a project, then customize its content in place.

| Example | Start here |
| - | - |
| logo-outro | npx hyperframes add logo-outro |
| data-chart | npx hyperframes add data-chart |
| editorial-flash-overlay | npx hyperframes add editorial-flash-overlay |
| organic-light-leak-overlay | npx hyperframes add organic-light-leak-overlay |
| mk-progress-stat | npx hyperframes add mk-progress-stat |
| flowchart | npx hyperframes add flowchart |
| mk-specs-list | npx hyperframes add mk-specs-list |
| mk-callout-highlight | npx hyperframes add mk-callout-highlight |
| hw-title | npx hyperframes add hw-title |
| code-typing | npx hyperframes add code-typing |
| lt-dark-card | npx hyperframes add lt-dark-card |
| cinematic-zoom | npx hyperframes add cinematic-zoom |

## Project templates

The init templates remain available for scaffolding complete projects.

| Template | Good starting point for |
| - | - |
| warm-grain | Branding, lifestyle, and editorial work |
| play-mode | Energetic social videos and product launches |
| swiss-grid | Technical, structured, and corporate stories |
| kinetic-type | Type-led promos, intros, and title cards |
| decision-tree | Explainable diagrams and tutorials |
| product-promo | Multi-scene product showcases |
| nyt-graph | Editorial charts and data stories |
| vignelli | Bold portrait announcements |
| blank | Agent-generated or fully custom work |

> [!TIP]
>
> Use npx hyperframes init my-video --example \<name> for a full project template, or npx hyperframes add \<block> to start from one of the examples above.

## Related topics

* [Reference any video to recreate its style](/studio-app/reference-video.md)
* [What do you want to make?](/workflows.md)
* [Make your first video](/quickstart.md)