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

# Examples

> All 68 example scenes, by category — each a single self-contained file you can render.

Every scene is one `.ts` file in [`examples/scenes/`](https://github.com/kiyeonjeon21/reframe/tree/main/examples/scenes) — self-contained and dependency-free. Render any of them:

```bash theme={null}
npx reframe-video render examples/scenes/<scene>.ts
```

The [gallery](/gallery) has the curated visual reel; the [repo README](https://github.com/kiyeonjeon21/reframe/blob/main/examples/README.md) has a one-line description of each. Browse by category below (links go to source).

<Tip>Bring your own media: `npx reframe-video assemble a.jpg b.jpg clip.mp4 --title "…"` scaffolds an editable montage scene.</Tip>

## Hero / flagship

[media-story](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/media-story.ts) · [product-promo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/product-promo.ts) · [reframe-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/reframe-demo.ts) · [reframe-reel](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/reframe-reel.ts)

## Motion vocabulary

[bloom](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/bloom.ts) · [spring-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/spring-demo.ts) · [transition](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/transition.ts)

## Primitives & effects

[blend-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/blend-demo.ts) · [dof-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/dof-demo.ts) · [faux-3d-cards](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/faux-3d-cards.ts) · [gradient-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/gradient-demo.ts) · [group-fx-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/group-fx-demo.ts) · [matte-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/matte-demo.ts) · [perspective-cards](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/perspective-cards.ts) · [shadow-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/shadow-demo.ts) · [shape-morph](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/shape-morph.ts) · [zsort-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/zsort-demo.ts)

## Kinetic text

[kinetic-manifesto](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/kinetic-manifesto.ts) · [kinetic-typo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/kinetic-typo.ts) · [text-fx](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/text-fx.ts) · [typewave](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/typewave.ts)

## Devices & UI

[cursor-fx](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/cursor-fx.ts) · [device-gallery](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/device-gallery.ts) · [device-hero](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/device-hero.ts) · [device-presets](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/device-presets.ts) · [device-teardown](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/device-teardown.ts) · [imessage-chat](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/imessage-chat.ts) · [imessage-chat-beforeafter](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/imessage-chat-beforeafter.ts) · [imessage-chat-edit](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/imessage-chat-edit.ts) · [terminal-claude](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/terminal-claude.ts) · [x-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/x-demo.ts)

## Character / figure

[character-show](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/character-show.ts) · [figure-styles](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/figure-styles.ts)

## Data viz

[annual-report](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/annual-report.ts) · [chart-buildup](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/chart-buildup.ts) · [data-explainer](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/data-explainer.ts) · [flow-diagram](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/flow-diagram.ts) · [github-year](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/github-year.ts)

## Audio

[audio-visualizer](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/audio-visualizer.ts) · [auto-foley-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/auto-foley-demo.ts) · [narrated-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/narrated-demo.ts) · [sample-showcase](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/sample-showcase.ts) · [sfx-compare](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/sfx-compare.ts) · [sfx-showcase](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/sfx-showcase.ts)

## Logo stings

[logo-reveal](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/logo-reveal.ts) · [logo-reveal-regen](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/logo-reveal-regen.ts)

## Camera / 3D / space

[camera-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/camera-demo.ts) · [isometric-stack](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/isometric-stack.ts) · [nova-teaser](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/nova-teaser.ts) · [orbit](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/orbit.ts) · [particle-swarm](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/particle-swarm.ts) · [rocket-launch](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/rocket-launch.ts) · [solar-system](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/solar-system.ts) · [spacex-cursor](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/spacex-cursor.ts) · [wavefield](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/wavefield.ts) · [zoom-to-space](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/zoom-to-space.ts)

## Edit-survival / regen

[survive-base](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/survive-base.ts) · [survive-cut](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/survive-cut.ts) · [survive-regen](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/survive-regen.ts) · [vector-montage](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/vector-montage.ts)

## Other

[glitch-vhs](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/glitch-vhs.ts) · [glyph-reveal](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/glyph-reveal.ts) · [lower-third](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/lower-third.ts) · [photo-montage](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/photo-montage.ts) · [player-sting](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/player-sting.ts) · [video-demo](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/video-demo.ts) · [video-montage](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/video-montage.ts) · [worldcup-glyph](https://github.com/kiyeonjeon21/reframe/blob/main/examples/scenes/worldcup-glyph.ts)