René's URL Explorer Experiment


Title: Examples - HyperFrames

Open Graph Title: Examples - HyperFrames

X Title: Examples - HyperFrames

Description: Built-in examples for common video patterns. Hover to preview animations.

Open Graph Description: Built-in examples for common video patterns. Hover to preview animations.

X Description: Built-in examples for common video patterns. Hover to preview animations.

Opengraph URL: https://hyperframes.heygen.com/examples

Generator: Mintlify

direct link

Domain: hyperframes.heygen.com

Hey, it has json ld scripts: 
{"@context":"https://schema.org","@type":"WebSite","name":"HyperFrames","creator":{"@type":"Organization","name":"Mintlify","url":"https://mintlify.com"}}
application-nameHyperFrames
msapplication-config/mintlify-assets/_mintlify/favicons/hyperframes/QHbSdD0ZQMZYQE9R/_generated/favicon/browserconfig.xml
apple-mobile-web-app-titleHyperFrames
msapplication-TileColor#0a0a0a
og:site_nameHyperFrames
og:imagehttps://hyperframes.mintlify.app/mintlify-assets/_next/image?url=/_mintlify/api/og?division=Getting+Started&appearance=light&title=Examples&description=Built-in+examples+for+common+video+patterns.+Hover+to+preview+animations.&logoLight=https%3A%2F%2Fmintcdn.com%2Fhyperframes%2Ff2-jlVtMPgjQyGrS%2Flogo%2Flight.svg%3Ffit%3Dmax%26auto%3Dformat%26n%3Df2-jlVtMPgjQyGrS%26q%3D85%26s%3D8fff06fe865e474513624008576b71bb&logoDark=https%3A%2F%2Fmintcdn.com%2Fhyperframes%2Ff2-jlVtMPgjQyGrS%2Flogo%2Fdark.svg%3Ffit%3Dmax%26auto%3Dformat%26n%3Df2-jlVtMPgjQyGrS%26q%3D85%26s%3D5c0e7bb1b0c720593e3f904b47b9e1a3&primaryColor=%230a0a0a&lightColor=%23f6f5f1&darkColor=%230a0a0a&backgroundLight=%23f6f5f1&backgroundDark=%230a0a0a&w=1200&q=100
og:image:width1200
og:image:height630
og:typewebsite
twitter:cardsummary_large_image
twitter:imagehttps://hyperframes.mintlify.app/mintlify-assets/_next/image?url=/_mintlify/api/og?division=Getting+Started&appearance=light&title=Examples&description=Built-in+examples+for+common+video+patterns.+Hover+to+preview+animations.&logoLight=https%3A%2F%2Fmintcdn.com%2Fhyperframes%2Ff2-jlVtMPgjQyGrS%2Flogo%2Flight.svg%3Ffit%3Dmax%26auto%3Dformat%26n%3Df2-jlVtMPgjQyGrS%26q%3D85%26s%3D8fff06fe865e474513624008576b71bb&logoDark=https%3A%2F%2Fmintcdn.com%2Fhyperframes%2Ff2-jlVtMPgjQyGrS%2Flogo%2Fdark.svg%3Ffit%3Dmax%26auto%3Dformat%26n%3Df2-jlVtMPgjQyGrS%26q%3D85%26s%3D5c0e7bb1b0c720593e3f904b47b9e1a3&primaryColor=%230a0a0a&lightColor=%23f6f5f1&darkColor=%230a0a0a&backgroundLight=%23f6f5f1&backgroundDark=%230a0a0a&w=1200&q=100
twitter:image:width1200
twitter:image:height630

Links:

/llms.txthttps://hyperframes.heygen.com/llms.txt
Skip to main contenthttps://hyperframes.heygen.com/examples#content-area
HyperFrames home pagehttps://hyperframes.heygen.com/
Introductionhttps://hyperframes.heygen.com/introduction
Changeloghttps://hyperframes.heygen.com/changelog
Weekly updateshttps://hyperframes.heygen.com/weekly-updates
Quickstarthttps://hyperframes.heygen.com/quickstart
Showcasehttps://hyperframes.heygen.com/showcase
Exampleshttps://hyperframes.heygen.com/examples
Launch Videoshttps://hyperframes.heygen.com/launch-videos
Compositionshttps://hyperframes.heygen.com/concepts/compositions
Data Attributeshttps://hyperframes.heygen.com/concepts/data-attributes
Variableshttps://hyperframes.heygen.com/concepts/variables
Frame Adaptershttps://hyperframes.heygen.com/concepts/frame-adapters
Deterministic Renderinghttps://hyperframes.heygen.com/concepts/determinism
The Pipelinehttps://hyperframes.heygen.com/guides/pipeline
Skills cataloghttps://hyperframes.heygen.com/guides/skills
Authentication & API keyshttps://hyperframes.heygen.com/guides/authentication
Video Componentshttps://hyperframes.heygen.com/guides/video-components
Color Gradinghttps://hyperframes.heygen.com/guides/color-grading
HTML-in-Canvashttps://hyperframes.heygen.com/guides/html-in-canvas
Website to Videohttps://hyperframes.heygen.com/guides/website-to-video
Figma Importhttps://hyperframes.heygen.com/guides/figma
Google Antigravityhttps://hyperframes.heygen.com/guides/antigravity
GitHub Copilot CLIhttps://hyperframes.heygen.com/guides/copilot-cli
Claude Designhttps://hyperframes.heygen.com/guides/claude-design
Open Designhttps://hyperframes.heygen.com/guides/open-design
Prompt Guidehttps://hyperframes.heygen.com/guides/prompting
Hyperframes vs Remotionhttps://hyperframes.heygen.com/guides/hyperframes-vs-remotion
GSAP Animationhttps://hyperframes.heygen.com/guides/gsap-animation
Keyframes & Arc Motionhttps://hyperframes.heygen.com/guides/keyframes
Renderinghttps://hyperframes.heygen.com/guides/rendering
Remove Background (transparent video)https://hyperframes.heygen.com/guides/remove-background
HDR Renderinghttps://hyperframes.heygen.com/guides/hdr
4K Renderinghttps://hyperframes.heygen.com/guides/4k-rendering
Performancehttps://hyperframes.heygen.com/guides/performance
Timeline Editinghttps://hyperframes.heygen.com/guides/timeline-editing
Video Editor Cheatsheethttps://hyperframes.heygen.com/guides/video-editor-cheatsheet
Common Mistakeshttps://hyperframes.heygen.com/guides/common-mistakes
Troubleshootinghttps://hyperframes.heygen.com/guides/troubleshooting
Feedback Collectionhttps://hyperframes.heygen.com/guides/feedback
Cloud Renderinghttps://hyperframes.heygen.com/deploy/cloud
Deployhttps://hyperframes.heygen.com/guides/deploy
AWS Lambdahttps://hyperframes.heygen.com/deploy/aws-lambda
Google Cloud Runhttps://hyperframes.heygen.com/deploy/gcp-cloud-run
Templates on Lambdahttps://hyperframes.heygen.com/deploy/templates-on-lambda
Migrating to HyperFrames Lambdahttps://hyperframes.heygen.com/deploy/migrating-to-hyperframes-lambda
HyperFrames home pagehttps://hyperframes.heygen.com/
Documentationhttps://hyperframes.heygen.com/introduction
Cataloghttps://hyperframes.heygen.com/catalog/blocks/code-3d-extrude
Packageshttps://hyperframes.heygen.com/packages/core
SDKhttps://hyperframes.heygen.com/sdk/overview
Referencehttps://hyperframes.heygen.com/reference/html-schema
Documentationhttps://hyperframes.heygen.com/introduction
Cataloghttps://hyperframes.heygen.com/catalog/blocks/code-3d-extrude
Packageshttps://hyperframes.heygen.com/packages/core
SDKhttps://hyperframes.heygen.com/sdk/overview
Referencehttps://hyperframes.heygen.com/reference/html-schema
composition structurehttps://hyperframes.heygen.com/concepts/compositions
data attributeshttps://hyperframes.heygen.com/concepts/data-attributes
GSAP timelinehttps://hyperframes.heygen.com/guides/gsap-animation
Showcasehttps://hyperframes.heygen.com/showcase
​https://hyperframes.heygen.com/examples#landscape-templates
​https://hyperframes.heygen.com/examples#portrait-templates
​https://hyperframes.heygen.com/examples#choosing-an-example
​https://hyperframes.heygen.com/examples#example-details
​https://hyperframes.heygen.com/examples#warm-grain
​https://hyperframes.heygen.com/examples#play-mode
​https://hyperframes.heygen.com/examples#swiss-grid
​https://hyperframes.heygen.com/examples#vignelli
​https://hyperframes.heygen.com/examples#kinetic-type
​https://hyperframes.heygen.com/examples#decision-tree
​https://hyperframes.heygen.com/examples#product-promo
​https://hyperframes.heygen.com/examples#nyt-graph
​https://hyperframes.heygen.com/examples#blank
​https://hyperframes.heygen.com/examples#passing-a-source-video
​https://hyperframes.heygen.com/examples#custom-examples
data-composition-idhttps://hyperframes.heygen.com/concepts/data-attributes#composition-attributes
GSAP timelinehttps://hyperframes.heygen.com/guides/gsap-animation
linterhttps://hyperframes.heygen.com/packages/cli#lint
​https://hyperframes.heygen.com/examples#next-steps
Previoushttps://hyperframes.heygen.com/showcase
Launch VideosOpen-source HyperFrames compositions behind HeyGen's product launch videos — real production projects you can read, run, and remix.Nexthttps://hyperframes.heygen.com/launch-videos
githubhttps://github.com/heygen-com/hyperframes
Powered byThis documentation is built and hosted on Mintlify, a developer documentation platformhttps://www.mintlify.com?utm_campaign=poweredBy&utm_medium=referral&utm_source=hyperframes
Landscape Templateshttps://hyperframes.heygen.com/examples#landscape-templates
Portrait Templateshttps://hyperframes.heygen.com/examples#portrait-templates
Choosing an Examplehttps://hyperframes.heygen.com/examples#choosing-an-example
Example Detailshttps://hyperframes.heygen.com/examples#example-details
Passing a Source Videohttps://hyperframes.heygen.com/examples#passing-a-source-video
Custom Exampleshttps://hyperframes.heygen.com/examples#custom-examples
Next Stepshttps://hyperframes.heygen.com/examples#next-steps

Viewport: width=device-width, initial-scale=1, viewport-fit=cover

URLs of crawlers that visited me.