Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.
A HyperFrames presentation stays live: you click through it like a deck, with reveals, branches and speaker notes,
instead of playing a video.A running deck: points arrive one click at a time, a hotspot jumps to a branch, Back returns to the exact point it
left, and presenter mode shows the notes and a timer.
Give the agent the material and the decision the presentation should support:
Turn this product strategy outline into a presentation for our leadership review: [paste outline]
The agent confirms the audience, the main outcome, and
whether the deck needs reveals, branches or presenter notes; you don’t need to plan every slide. With your own agent instead of the app, start the message with /hyperframes.Name the audience and what should change after the presentation. If it should play start to finish with nobody
presenting, make a video instead: a deck can’t be exported as one MP4 yet.
Ask for the deck’s moving parts by name: “reveal the bullets one at a time”, “branch to a detail slide from a hotspot”, “add speaker notes”. A full pitch deck in one prompt:
Build a 5-slide pitch deck, 1920x1080. One idea per slide, each headline a complete-sentence claim (not a label), punchline first. Slide 2 reveals three pain points one at a time as fragments. Slide 3 shows bottom-up market math (accounts × ACV), not a bare “$40B TAM”. Add presenter notes to every slide, and a hotspot on slide 3 that branches to a “sizing methodology” detail slide. I’ll present it with hyperframes present.
This makes a deck you click through, not a video. Each reveal is a stop inside the slide; the hotspot opens a detail slide, and Back returns to the slide that held it.
Open the local link and press P (or click Present). The audience gets a clean full-screen view; you see the
live slide, your notes, what comes next and a timer. In Google Meet, share the audience tab; in Zoom, move that tab
into its own window and share the window.Use Next to step through reveals, including those on the final slide. The Next button disappears once the
final slide’s last reveal is shown.
Do not run hyperframes render on a deck. It does not fail — a deck has no
master root composition, so the render resolves only the first slide and
writes a silently truncated MP4. You can get six seconds of a forty-second
deck and no warning that anything is missing.Use hyperframes present for the live deck, or hyperframes snapshot for
per-slide stills.
{"docsConfig":{"theme":"aspen","$schema":"https://mintlify.com/docs.json","name":"HyperFrames","colors":{"primary":"#181716","light":"#3CE6AC","dark":"#181716"},"logo":{"light":"/logo/light.svg","dark":"/logo/dark.svg","href":"https://hyperframes.heygen.com/"},"favicon":"/favicon.svg","appearance":{"default":"system"},"background":{"color":{"light":"#f2f0ed","dark":"#201e1c"}},"navbar":{"links":[{"href":"https://github.com/heygen-com/hyperframes","type":"github"},{"href":"https://discord.gg/7uMDe3PwQn","type":"discord"}],"primary":{"type":"button","label":"Download","href":"https://hyperframes.studio/studio/download?src=docs-navbar"}},"footer":{"socials":{"github":"https://github.com/heygen-com/hyperframes","discord":"https://discord.gg/7uMDe3PwQn","x":"https://x.com/HyperFrames_"},"links":[{"header":"Explore","items":[{"label":"Introduction","href":"/introduction"},{"label":"Make your first video","href":"/quickstart"},{"label":"Examples","href":"/examples"}]},{"header":"Build","items":[{"label":"Browser editor","href":"/studio"},{"label":"Catalog","href":"/catalog"},{"label":"Developers","href":"/developers/overview"}]},{"header":"Resources","items":[{"label":"Product updates","href":"/product-updates"},{"label":"Download the app","href":"https://hyperframes.studio/studio/download?src=docs-footer"},{"label":"GitHub","href":"https://github.com/heygen-com/hyperframes"}]},{"header":"Made by HeyGen","items":[{"label":"heygen.com","href":"https://www.heygen.com"}]}]},"fonts":{"family":"Inter"},"integrations":{"posthog":{"apiKey":"phc_zjjbX0PnWxERXrMHhkEJWj9A9BhGVLRReICgsfTMmpx","sessionRecording":false}},"contextual":{"options":["copy","claude","cursor","vscode","windsurf","mcp",{"title":"Open an issue","description":"Report a bug or request a feature","icon":"github","href":"https://github.com/heygen-com/hyperframes/issues/new"}],"display":"header"},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"hasAudioNarration":false,"customDomains":[],"gitSource":{"type":"github","owner":"local","repo":"local","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":"local","isBase":true},"buildId":"local","clientVersion":"0.0.4114"},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false,"isLoggedInCli":false},"customCss":[{"filePath":"catalog-gallery.css","content":".hfc-gallery{color:var(--hf-text);font-family:inherit}.hfc-gallery *{box-sizing:border-box}.hfc-gallery :is(button,a):focus-visible{outline:2px solid var(--hf-brand);outline-offset:4px}.hfc-gallery button{font:inherit;cursor:pointer}.hfc-gallery .hfc-hero h1{line-height:1.08;font-weight:600;letter-spacing:-.045em;margin:0 0 24px;color:var(--hf-heading)}.hfc-gallery .hfc-hero>p{font-size:15px;line-height:1.7;color:var(--hf-text-secondary);max-width:560px;margin:0}.hfc-gallery .hfc-overview{display:flex;flex-direction:column;gap:44px}.hfc-gallery .hfc-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.hfc-gallery .hfc-section-head h2{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.3;font-weight:600;margin:0;color:var(--hf-heading)}.hfc-gallery .hfc-section-head button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;border:0;background:transparent;color:var(--hf-text-secondary);padding:6px 0 6px 8px;font-size:12px;white-space:nowrap}.hfc-gallery .hfc-caret{flex-shrink:0;transition:transform .16s ease}.hfc-gallery .hfc-section-head button[aria-expanded=\"true\"] .hfc-caret{transform:rotate(180deg)}.hfc-gallery .hfc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.hfc-gallery a.hfc-card,.hfc-gallery a.hfc-card:hover{display:block;min-width:0;text-decoration:none;color:inherit;border:0;background:transparent;box-shadow:none;transform:none}.hfc-gallery .hfc-media{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;border-radius:12px;background:#101214}.hfc-gallery .hfc-media :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}.hfc-gallery .hfc-preview-host{position:absolute;inset:0;pointer-events:none;opacity:0}.hfc-gallery .hfc-preview-host[data-ready=\"true\"]{opacity:1}.hfc-gallery .hfc-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;height:100%;text-align:center;color:#ccc;background:#141414}.hfc-gallery .hfc-fallback span{color:#999;font-size:10px}.hfc-gallery .hfc-fallback strong{font-size:18px;line-height:1.2}.hfc-gallery .hfc-unsupported{gap:6px;padding:20px}.hfc-gallery .hfc-unsupported span{font-size:11px}.hfc-gallery .hfc-unsupported code{font-size:11px;padding:2px 6px;border-radius:6px;background:#0006;color:#ccc}.hfc-gallery .hfc-card-body{padding:12px 2px 0}.hfc-gallery .hfc-card-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.hfc-gallery .hfc-card-title h3{font-size:15px;font-weight:500;line-height:1.4;margin:0;color:var(--hf-heading)}.hfc-gallery .hfc-status{flex-shrink:0;padding:2px 7px;border-radius:20px;background:var(--hf-brand-soft);color:var(--hf-brand);font-size:11px}.hfc-gallery .hfc-meta{font-size:12px;line-height:1.5;margin:4px 0 0;color:var(--hf-text-secondary)}.hfc-gallery .hfc-empty{padding:44px 20px;text-align:center}.hfc-gallery .hfc-empty h3{font-size:18px}.hfc-gallery .hfc-empty p{color:var(--hf-text-secondary);font-size:13px}.hfc-gallery .hfc-empty button,.hfc-gallery .hfc-load{padding:10px 16px;border:1px solid var(--hf-border-color);border-radius:8px;color:var(--hf-text);background:var(--hf-background-light);font-size:12px}.hfc-gallery .hfc-load{display:block;margin:24px auto 0}#navigation-items:has(a[href=\"/catalog\"]) .sidebar-group-header{display:none}#navigation-items .sidebar-group>li>a[href=\"/catalog\"]{width:100%;margin-left:0;padding:6px 12px;border:0;border-radius:12px}#navigation-items .sidebar-group>li[data-active=\"true\"]>a[href=\"/catalog\"],#navigation-items .sidebar-group>li[data-active-nav-item=\"true\"]>a[href=\"/catalog\"],#navigation-items .sidebar-group>li>a[href=\"/catalog\"][aria-current=\"page\"]{color:var(--hf-brand);background:color-mix(in oklab,var(--hf-brand) 10%,transparent)!important}@media (max-width:1100px) and (min-width:601px){.hfc-gallery .hfc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hfc-gallery .hfc-grid{grid-template-columns:minmax(0,1fr)}.hfc-gallery .hfc-card-title h3{font-size:16px}}@media (prefers-reduced-motion:reduce){.hfc-gallery *{transition:none!important}}#navigation-items a[href^=\"/catalog/\"][aria-current=\"page\"]{color:var(--hf-brand);background:color-mix(in oklab,var(--hf-brand) 10%,transparent)!important}#navigation-items li[data-group-tag]{--catalog-desc:\"\"}#navigation-items li[data-group-tag]::after{content:var(--catalog-desc);display:block;padding:0 12px 8px 40px;font-size:11px;line-height:1.5;color:var(--hf-text-secondary)}#navigation-items li[data-title=\"3D\"][data-group-tag]{--catalog-desc:\"Three.js scenes and objects: camera moves, product turntables, glass, exploded layers.\"}#navigation-items li[data-title=\"Carousels\"][data-group-tag]{--catalog-desc:\"Image cards that circle, orbit, or sweep a path across the frame.\"}#navigation-items li[data-title=\"Text \u0026 captions\"][data-group-tag]{--catalog-desc:\"Word-by-word caption reveals, highlights, and kinetic type.\"}#navigation-items li[data-title=\"Code\"][data-group-tag]{--catalog-desc:\"Code snippets that type, diff, highlight, and morph on screen.\"}#navigation-items li[data-title=\"Transitions\"][data-group-tag]{--catalog-desc:\"Cuts between shots: zooms, warps, glitches, light leaks.\"}#navigation-items li[data-title=\"Data \u0026 charts\"][data-group-tag]{--catalog-desc:\"Bar, line, and progress charts that animate their own data in.\"}#navigation-items li[data-title=\"Scenes \u0026 demos\"][data-group-tag]{--catalog-desc:\"Full scenes: app showcases, chat exchanges, product demos.\"}#navigation-items li[data-title=\"Cursors\"][data-group-tag]{--catalog-desc:\"Pointers that glide, click, drag, select, and steer the eye across a UI.\"}#navigation-items li[data-title=\"Motion \u0026 effects\"][data-group-tag]{--catalog-desc:\"General-purpose motion: hovers, pops, blurs, grids, paths.\"}#navigation-items li[data-title=\"Surfaces\"][data-group-tag]{--catalog-desc:\"Background textures and screen treatments: grain, halftone, glass.\"}#navigation-items li[data-title=\"Blocks\"][data-group-tag]{--catalog-desc:\"Flowcharts, sketched frames, speech bubbles, and outro cards.\"}.hfc-gallery .mw{display:inline-block;position:relative;white-space:nowrap;--phase: 0;--period: 6;--bl: .87em}.hfc-gallery .mw .ch{display:inline-block;position:relative;transform-origin:50% 70%;background-image:var(--grad);background-size:calc(var(--period) * 1em) 100%;background-position:calc((var(--phase) * var(--period) - var(--x, 0)) * 1em) 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hfc-gallery .mw .bl{display:inline-block;width:0;height:0;vertical-align:baseline}.hfc-gallery .mw .dsvg{position:absolute;left:var(--dot-x, 50%);top:var(--dot-y, .16em);width:calc(var(--dot-d, .15em) * 5);height:calc(var(--dot-d, .15em) * 5);margin:calc(var(--dot-d, .15em) * -2.5) 0 0 calc(var(--dot-d, .15em) * -2.5);overflow:visible;pointer-events:none}.hfc-gallery .mw .sq{position:absolute;display:block;left:0;top:calc(var(--bl) + .05em);width:100%;height:auto;overflow:visible;pointer-events:none}.hfc-gallery{padding:0 32px;max-width:1400px;margin:0 auto 48px}.hfc-gallery .hfc-hero{padding:48px 0}.hfc-gallery .hfc-hero h1{max-width:800px;font-size:clamp(34px,4vw,54px)}.hfc-gallery .mw .dsvg{left:50%;top:.18em;width:.75em;height:.75em;margin:-.375em 0 0 -.375em}.hfc-gallery .mw .sq{top:.94em}.hfc-gallery .mw .ring{transform-origin:0 0}.hfc-gallery .mw .sq path{stroke-dasharray:220;stroke-dashoffset:220}@media (prefers-reduced-motion:reduce){.hfc-gallery .mw .sq path{stroke-dashoffset:0}}@media (max-width:600px){.hfc-gallery{padding:0 18px}.hfc-gallery .hfc-hero{padding:28px 0}}.hfc-search{display:block;width:min(560px, 100%);margin-top:18px;padding:12px 16px;border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:999px;background:color-mix(in srgb, currentColor 4%, transparent);color:inherit;font:inherit;font-size:15px}.hfc-search:focus-visible{outline:2px solid color-mix(in srgb, currentColor 40%, transparent);outline-offset:2px}.hfc-gallery .hfc-pause{margin-top:14px;padding:7px 14px;border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.hfc-gallery .hfc-pause:focus-visible{outline:2px solid color-mix(in srgb, currentColor 45%, transparent);outline-offset:2px}"},{"filePath":"custom.css","href":"/_mintlify/custom/docs.lltai.cloud/90bb600fca48615f/custom.css"},{"filePath":"template-gallery.css","content":".tpl-card video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.tpl-card.portrait video{aspect-ratio:9/16}.tpl-card:hover{transform:translateY(-2px);border-color:var(--hf-border-color-light, #d0cfcb)}.tpl-label{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 0.75rem 0.75rem;background:linear-gradient(transparent, rgba(0,0,0,0.75));pointer-events:none}"}],"page":{"pagePath":"guides/slideshow","slug":"/guides/slideshow","pageMetadata":{"title":"Make an interactive presentation with AI","sidebarTitle":"Presentation","description":"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.","href":"/guides/slideshow"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const DocsVideo=({src,poster,title,autoPlay=false,loop=false,portrait=false,aspect})=>{const videoRef=useRef(null);const playerRef=useRef(null);const hideTimerRef=useRef(null);const progressFrameRef=useRef(null);const[enhanced,setEnhanced]=useState(false);const[playing,setPlaying]=useState(false);const[waiting,setWaiting]=useState(false);const[muted,setMuted]=useState(autoPlay);const[currentTime,setCurrentTime]=useState(0);const[duration,setDuration]=useState(0);const[playbackRate,setPlaybackRate]=useState(1);const[reduced,setReduced]=useState(()=>typeof window!==`undefined`\u0026\u0026window.matchMedia(`(prefers-reduced-motion: reduce)`).matches);useEffect(()=>{const query=window.matchMedia(`(prefers-reduced-motion: reduce)`);const onChange=event=>setReduced(event.matches);query.addEventListener(`change`,onChange);return()=>query.removeEventListener(`change`,onChange)},[]);useEffect(()=>{const video=videoRef.current;if(!reduced||!autoPlay||!video)return;video.pause();video.removeAttribute(`src`);video.load()},[reduced,autoPlay]);const[controlsVisible,setControlsVisible]=useState(false);const[fullscreen,setFullscreen]=useState(false);const[fullscreenSupported,setFullscreenSupported]=useState(false);const[previewing,setPreviewing]=useState(false);const[scrubbing,setScrubbing]=useState(false);const[previewTime,setPreviewTime]=useState(0);const[previewPosition,setPreviewPosition]=useState(0);const formatTime=seconds=>{if(!Number.isFinite(seconds)||seconds\u003c0)return`0:00`;const minutes=Math.floor(seconds/60);const remaining=Math.floor(seconds%60);return`${minutes}:${String(remaining).padStart(2,`0`)}`};const clearHideTimer=()=>{if(hideTimerRef.current){window.clearTimeout(hideTimerRef.current);hideTimerRef.current=null}};const revealControls=()=>{setControlsVisible(true);clearHideTimer();hideTimerRef.current=window.setTimeout(()=>setControlsVisible(false),2200)};const togglePlayback=async()=>{const video=videoRef.current;if(!video)return;if(video.paused||video.ended){if(!video.getAttribute(`src`))video.src=src;if(video.ended)video.currentTime=0;setWaiting(true);try{await video.play()}catch{setWaiting(false);setPlaying(false)}}else{video.pause();setControlsVisible(true)}};const toggleMute=()=>{const video=videoRef.current;if(!video)return;if(video.muted\u0026\u0026video.volume===0)video.volume=.8;video.muted=!video.muted;setMuted(video.muted)};const seek=event=>{const video=videoRef.current;if(!video)return;const nextTime=Number(event.target.value);video.currentTime=nextTime;setCurrentTime(nextTime)};const updateScrubPreview=(event,seekMainVideo=false)=>{if(!duration)return;const rect=event.currentTarget.getBoundingClientRect();const ratio=Math.min(1,Math.max(0,(event.clientX-rect.left)/rect.width));const nextTime=ratio*duration;setPreviewing(true);setPreviewTime(nextTime);setPreviewPosition(ratio*100);if(seekMainVideo){const video=videoRef.current;if(video){video.currentTime=nextTime;setCurrentTime(nextTime)}}};const cyclePlaybackRate=()=>{const video=videoRef.current;if(!video)return;const rates=[1,1.25,1.5,2];const currentIndex=rates.indexOf(video.playbackRate);const nextRate=rates[(currentIndex+1)%rates.length];video.playbackRate=nextRate;setPlaybackRate(nextRate)};const toggleFullscreen=async()=>{const player=playerRef.current;const video=videoRef.current;if(!player||typeof document===`undefined`)return;try{if(document.fullscreenElement){await document.exitFullscreen()}else if(player.requestFullscreen){await player.requestFullscreen()}else if(video?.webkitEnterFullscreen){video.webkitEnterFullscreen()}}catch{}};const handleKeyboard=event=>{if(event.target!==event.currentTarget)return;const video=videoRef.current;if(!video)return;if(event.key===` `||event.key===`Enter`){event.preventDefault();togglePlayback()}else if(event.key===`ArrowLeft`){event.preventDefault();video.currentTime=Math.max(0,video.currentTime-5)}else if(event.key===`ArrowRight`){event.preventDefault();video.currentTime=Math.min(duration||video.duration||0,video.currentTime+5)}else if(event.key.toLowerCase()===`m`){event.preventDefault();toggleMute()}else if(event.key.toLowerCase()===`f`){event.preventDefault();toggleFullscreen()}};useEffect(()=>{setEnhanced(true);setFullscreenSupported(Boolean(playerRef.current?.requestFullscreen||videoRef.current?.webkitEnterFullscreen));return()=>{clearHideTimer()}},[]);useEffect(()=>{if(typeof document===`undefined`)return undefined;const syncFullscreen=()=>setFullscreen(document.fullscreenElement===playerRef.current);document.addEventListener(`fullscreenchange`,syncFullscreen);return()=>document.removeEventListener(`fullscreenchange`,syncFullscreen)},[]);useEffect(()=>{clearHideTimer();if(!playing)return undefined;hideTimerRef.current=window.setTimeout(()=>setControlsVisible(false),2200);return clearHideTimer},[playing]);useEffect(()=>{if(!playing)return undefined;const updateProgress=()=>{const video=videoRef.current;if(video\u0026\u0026!video.paused)setCurrentTime(video.currentTime);progressFrameRef.current=window.requestAnimationFrame(updateProgress)};progressFrameRef.current=window.requestAnimationFrame(updateProgress);return()=>{if(progressFrameRef.current)window.cancelAnimationFrame(progressFrameRef.current);progressFrameRef.current=null}},[playing]);const progress=duration>0?currentTime/duration*100:0;const replaying=duration>0\u0026\u0026currentTime>=duration-.15;return _jsx(`div`,{className:`hf-docs-video-block`,\"data-portrait\":portrait?`true`:`false`,children:_jsxs(`div`,{ref:playerRef,className:`hf-docs-video`,style:aspect?{aspectRatio:aspect}:undefined,role:`region`,\"aria-label\":title,tabIndex:0,onKeyDown:handleKeyboard,onPointerMove:revealControls,onPointerLeave:()=>setControlsVisible(false),onFocus:revealControls,onBlur:event=>{if(!event.currentTarget.contains(event.relatedTarget))setControlsVisible(false)},children:[_jsx(`video`,{ref:videoRef,\"aria-label\":title,src,poster,autoPlay:autoPlay\u0026\u0026!reduced,muted:autoPlay,loop,playsInline:true,preload:`metadata`,controls:!enhanced,onClick:togglePlayback,onDoubleClick:toggleFullscreen,onLoadedMetadata:event=>{const nextDuration=event.currentTarget.duration||0;setDuration(nextDuration);setMuted(event.currentTarget.muted)},onDurationChange:event=>setDuration(event.currentTarget.duration||0),onTimeUpdate:event=>setCurrentTime(event.currentTarget.currentTime),onPlay:()=>setPlaying(true),onPause:()=>setPlaying(false),onPlaying:()=>setWaiting(false),onWaiting:()=>setWaiting(true),onCanPlay:()=>setWaiting(false),onEnded:()=>{setPlaying(false);setControlsVisible(true)},onVolumeChange:event=>setMuted(event.currentTarget.muted)}),enhanced\u0026\u0026_jsxs(_Fragment,{children:[!playing\u0026\u0026(currentTime\u003c=.2||replaying)\u0026\u0026_jsx(`button`,{type:`button`,className:`hf-docs-video-hero-play`,onClick:togglePlayback,\"aria-label\":replaying?`Replay video`:`Play video`,children:_jsx(`span`,{className:`hf-docs-video-hero-icon`,\"aria-hidden\":`true`,children:_jsx(`svg`,{viewBox:`0 0 24 24`,children:_jsx(`path`,{d:`M8 5.5v13l10-6.5z`})})})}),waiting\u0026\u0026playing\u0026\u0026_jsx(`span`,{className:`hf-docs-video-spinner`,\"aria-label\":`Loading`}),_jsxs(`div`,{className:`hf-docs-video-controls`,\"data-visible\":controlsVisible?`true`:`false`,children:[_jsx(`div`,{className:`hf-docs-video-scrub-preview`,\"data-visible\":previewing?`true`:`false`,style:{\"--hf-video-preview-x\":`${previewPosition}%`},\"aria-hidden\":`true`,children:_jsx(`span`,{children:formatTime(previewTime)})}),_jsx(`input`,{className:`hf-docs-video-progress`,type:`range`,min:`0`,max:duration||0,step:`0.01`,value:Math.min(currentTime,duration||0),\"aria-label\":`Video progress`,\"aria-valuetext\":`${formatTime(currentTime)} of ${formatTime(duration)}`,onChange:seek,onPointerEnter:updateScrubPreview,onPointerMove:event=>updateScrubPreview(event,scrubbing||event.buttons===1),onPointerDown:event=>{setScrubbing(true);event.currentTarget.setPointerCapture?.(event.pointerId);updateScrubPreview(event,true)},onPointerUp:event=>{setScrubbing(false);if(event.pointerType!==`mouse`)setPreviewing(false)},onPointerCancel:()=>{setScrubbing(false);setPreviewing(false)},onPointerLeave:()=>{if(!scrubbing)setPreviewing(false)},style:{\"--hf-video-progress\":`${progress}%`}}),_jsxs(`div`,{className:`hf-docs-video-control-row`,children:[_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:togglePlayback,\"aria-label\":playing?`Pause video`:`Play video`,children:playing?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M7 5h4v14H7zm6 0h4v14h-4z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M8 5.5v13l10-6.5z`})})}),_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:toggleMute,\"aria-label\":muted?`Unmute video`:`Mute video`,children:muted?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M4 9v6h4l5 4V5L8 9zm11.5 1.1 1.4-1.4 1.6 1.6 1.6-1.6 1.4 1.4-1.6 1.6 1.6 1.6-1.4 1.4-1.6-1.6-1.6 1.6-1.4-1.4 1.6-1.6z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M4 9v6h4l5 4V5L8 9zm11 1.2v3.6c1-.5 1.7-1.5 1.7-2.8S16 10.7 15 10.2zm0-4v2.1c2.2.6 3.7 2.5 3.7 4.7s-1.5 4.1-3.7 4.7v2.1c3.3-.7 5.7-3.5 5.7-6.8S18.3 6.9 15 6.2z`})})}),_jsxs(`span`,{className:`hf-docs-video-time`,\"aria-hidden\":`true`,children:[formatTime(currentTime),` `,_jsx(`span`,{children:`/`}),` `,formatTime(duration)]}),_jsx(`span`,{className:`hf-docs-video-spacer`}),_jsxs(`button`,{type:`button`,className:`hf-docs-video-rate`,onClick:cyclePlaybackRate,\"aria-label\":`Playback speed ${playbackRate} times`,children:[playbackRate,`×`]}),fullscreenSupported\u0026\u0026_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:toggleFullscreen,\"aria-label\":fullscreen?`Exit fullscreen`:`Enter fullscreen`,children:fullscreen?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M8 3H6v3H3v2h5zm8 0v5h5V6h-3V3zM3 16v2h3v3h2v-5zm13 0v5h2v-3h3v-2z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M3 8h2V5h3V3H3zm13-5v2h3v3h2V3zM5 16H3v5h5v-2H5zm14 3h-3v2h5v-5h-2z`})})})]})]})]})]})})};function _createMdxContent(props){const _components={a:`a`,blockquote:`blockquote`,code:`code`,em:`em`,li:`li`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading,Warning,_MdxComponentBoundary}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Warning)_missingMdxReference(`Warning`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`A HyperFrames presentation stays live: you click through it like a deck, with reveals, branches and speaker notes,\ninstead of playing a video.`}),`\n`,_jsx(_MdxComponentBoundary,{name:`DocsVideo`,children:_jsx(DocsVideo,{title:`A real deck being navigated — fragments, a branch, and presenter mode`,src:`https://static.heygen.ai/hyperframes-oss/docs/images/showcase/slideshow-demo-v1.mp4`,poster:`https://static.heygen.ai/hyperframes-oss/docs/images/showcase/slideshow-demo-v1.jpg`})}),`\n`,_jsx(_components.p,{children:_jsx(_components.em,{children:`A running deck: points arrive one click at a time, a hotspot jumps to a branch, Back returns to the exact point it\nleft, and presenter mode shows the notes and a timer.`})}),`\n`,_jsx(Heading,{level:`2`,id:`make-it`,children:`Make it`}),`\n`,_jsx(_components.p,{children:`Give the agent the material and the decision the presentation should support:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Turn this product strategy outline into a presentation for our leadership review: [paste outline]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(_components.p,{children:[`The agent confirms the audience, the main outcome, and\nwhether the deck needs reveals, branches or presenter notes; you don’t need to plan every slide. With your own agent instead of the app, start the message with `,_jsx(_components.code,{children:`/hyperframes`}),`.`]}),`\n`,_jsxs(_components.p,{children:[`Name the audience and what should change after the presentation. If it should play start to finish with nobody\npresenting, make a `,_jsx(_components.a,{href:`/workflows`,children:`video`}),` instead: a deck can’t be exported as one MP4 yet.`]}),`\n`,_jsx(Heading,{level:`2`,id:`how-a-good-deck-is-built`,children:`How a good deck is built`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`One claim per slide`}),`, with one visual that proves it.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Reveals`}),` when the presenter should add an idea a piece at a time.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Branches and hotspots`}),` for optional detail, so the main story still works if nobody opens them.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Speaker notes`}),` that help the presenter instead of repeating the slide.`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`To change order, notes, reveals or branches by hand, use the `,_jsx(_components.a,{href:`/studio/export#build-a-slideshow`,children:`Slideshow panel`}),` in the browser\neditor.`]}),`\n`,_jsx(Heading,{level:`2`,id:`prompts-that-work`,children:`Prompts that work`}),`\n`,_jsx(_components.p,{children:`Ask for the deck’s moving parts by name: “reveal the bullets one at a time”, “branch to a detail slide from a hotspot”, “add speaker notes”. A full pitch deck in one prompt:`}),`\n`,_jsxs(_components.blockquote,{children:[`\n`,_jsxs(_components.p,{children:[`Build a 5-slide pitch deck, 1920x1080. One idea per slide, each headline a complete-sentence claim (not a label), punchline first. Slide 2 reveals three pain points one at a time as fragments. Slide 3 shows bottom-up market math (accounts × ACV), not a bare “$40B TAM”. Add presenter notes to every slide, and a hotspot on slide 3 that branches to a “sizing methodology” detail slide. I’ll present it with `,_jsx(_components.code,{children:`hyperframes present`}),`.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`This makes a deck you click through, not a video. Each reveal is a stop inside the slide; the hotspot opens a detail slide, and Back returns to the slide that held it.`}),`\n`,_jsx(Heading,{level:`2`,id:`present-it`,children:`Present it`}),`\n`,_jsx(CodeBlock,{numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`npx`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` hyperframes`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` present`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` \u003c`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`project-director`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`y`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`>`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Open the local link and press `,_jsx(_components.strong,{children:`P`}),` (or click `,_jsx(_components.strong,{children:`Present`}),`). The audience gets a clean full-screen view; you see the\nlive slide, your notes, what comes next and a timer. In Google Meet, share the audience `,_jsx(_components.strong,{children:`tab`}),`; in Zoom, move that tab\ninto its own window and share the window.`]}),`\n`,_jsxs(_components.p,{children:[`Use `,_jsx(_components.strong,{children:`Next`}),` to step through reveals, including those on the final slide. The Next button disappears once the\nfinal slide’s last reveal is shown.`]}),`\n`,_jsxs(Warning,{children:[_jsxs(_components.p,{children:[`Do not run `,_jsx(_components.code,{children:`hyperframes render`}),` on a deck. It does not fail — a deck has no\nmaster root composition, so the render resolves only the `,_jsx(_components.strong,{children:`first`}),` slide and\nwrites a silently truncated MP4. You can get six seconds of a forty-second\ndeck and no warning that anything is missing.`]}),_jsxs(_components.p,{children:[`Use `,_jsx(_components.code,{children:`hyperframes present`}),` for the live deck, or `,_jsx(_components.code,{children:`hyperframes snapshot`}),` for\nper-slide stills.`]})]}),`\n`,_jsx(Heading,{level:`2`,id:`related-topics`,children:`Related topics`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/studio/export#build-a-slideshow`,children:`Build and revise a slideshow in the browser editor`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/studio/assets-and-blocks#use-variables`,children:`Use variables and templates`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/workflows`,children:`Make a video instead`})}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{DocsVideo,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Make an interactive presentation with AI","sidebarTitle":"Presentation","description":"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.","href":"/guides/slideshow"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[145,10165,")=>null;function _cr"]]},"mdxExtracts":{"tableOfContents":[{"title":"Make it","slug":"make-it","depth":2,"children":[]},{"title":"How a good deck is built","slug":"how-a-good-deck-is-built","depth":2,"children":[]},{"title":"Prompts that work","slug":"prompts-that-work","depth":2,"children":[]},{"title":"Present it","slug":"present-it","depth":2,"children":[]},{"title":"Related topics","slug":"related-topics","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/docs.lltai.cloud/3e1dd9f13f45d886/docs-menu-label.js","/_mintlify/custom/docs.lltai.cloud/8a0fcba05bf0a907/download-attribution.js","/_mintlify/custom/docs.lltai.cloud/e197f5ee3156e18e/template-gallery.js"],"subdomain":"docs.lltai.cloud","siteName":"HyperFrames","title":"Make an interactive presentation with AI - HyperFrames","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"originalFileLocation":"guides/slideshow.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.\">\u003cmeta data-mint-head name=\"application-name\" content=\"HyperFrames\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/favicons/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicons/favicon-32x32.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicons/favicon-16x16.png\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicons/favicon.ico\">\u003cmeta data-mint-head property=\"og:title\" content=\"Make an interactive presentation with AI - HyperFrames\">\u003cmeta data-mint-head property=\"og:description\" content=\"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"HyperFrames\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://local./guides/slideshow\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"http://docs.lltai.cloud/_mintlify/og/guides/slideshow.png\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Make an interactive presentation with AI - HyperFrames\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"http://docs.lltai.cloud/_mintlify/og/guides/slideshow.png\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/favicons/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"HyperFrames\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#181716\">\u003clink data-mint-head rel=\"canonical\" href=\"https://local./guides/slideshow\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/slideshow.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"HyperFrames\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"HyperFrames\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/guides/slideshow.md","siteName":"HyperFrames","nav":{"tabs":[{"tab":"Docs","icon":"book-open","menu":[{"item":"Make a video","icon":"book-open","description":"Guides by kind of video","groups":[{"group":"Start here","pages":[{"title":"What is HyperFrames?","sidebarTitle":"What HyperFrames is","href":"/introduction"},{"title":"Make your first video","href":"/quickstart"},{"title":"Inspiration","href":"/examples"},{"title":"HyperFrames FAQ","sidebarTitle":"FAQ","href":"/faq"}]},{"group":"Make a video","pages":[{"title":"What do you want to make?","sidebarTitle":"What to make","href":"/workflows"},{"title":"Make a product launch video with AI","sidebarTitle":"Product launch","href":"/guides/product-launch-video"},{"title":"Make an explainer video with AI","sidebarTitle":"Explainer","href":"/guides/faceless-explainer"},{"title":"Make motion graphics with AI","sidebarTitle":"Motion graphics","href":"/guides/motion-graphics"},{"title":"Add captions to a video with AI","sidebarTitle":"Captions","href":"/guides/captions-and-recuts"},{"title":"Make a music video or lyric video","sidebarTitle":"Music or lyric video","href":"/guides/music-to-video"},{"title":"Turn data into an animated video","sidebarTitle":"Data and maps","href":"/prompting/data-and-maps"},{"title":"Add an AI avatar presenter to a video","sidebarTitle":"Avatar presenter","href":"/guides/avatar-presenter"},{"title":"Turn a GitHub PR into a video","description":"Paste a pull request link and get a short video of what changed and why it matters, for users, reviewers or social.","sidebarTitle":"PR to video","href":"/guides/pr-to-video"},{"title":"Make an interactive presentation with AI","sidebarTitle":"Presentation","href":"/guides/slideshow"},{"title":"Make any other video","description":"Combine sources, change existing footage, or co-direct a video when no single source decides the job.","sidebarTitle":"Any other video","href":"/guides/general-video"}]},{"group":"Use it with your agent","pages":[{"title":"Make videos with Claude Code","sidebarTitle":"Claude Code","href":"/guides/with-claude-code"},{"title":"Make videos with Codex","sidebarTitle":"Codex","href":"/guides/with-codex"},{"title":"Make videos with Cursor","sidebarTitle":"Cursor","href":"/guides/with-cursor"},{"title":"Create through an AI chat","href":"/guides/mcp"},{"title":"Make videos with a free agent","sidebarTitle":"Free agents","href":"/guides/free-agents"},{"title":"Install and update agent skills","sidebarTitle":"Agent skills","href":"/guides/skills"},{"title":"Install the HyperFrames plugin","sidebarTitle":"Agent plugins","href":"/guides/plugins"},{"title":"Bring in a design: Figma, Claude Design, Open Design","sidebarTitle":"Bring in a design","href":"/guides/design-tools"}]},{"group":"Compare","pages":[{"title":"HyperFrames vs Remotion","sidebarTitle":"vs Remotion","href":"/guides/hyperframes-vs-remotion"},{"title":"Move from Remotion to HyperFrames","sidebarTitle":"Move from Remotion","href":"/prompting/remotion-migration"}]},{"group":"Tips for better videos","pages":[{"title":"Ask for a great video","href":"/prompting/overview"},{"title":"Ask for smooth motion and transitions","sidebarTitle":"Motion and transitions","href":"/prompting/motion"},{"title":"Add voice, music and sound","sidebarTitle":"Voice, music and sound","href":"/prompting/media-and-audio"},{"title":"Text, captions and code on screen","sidebarTitle":"Text, captions and code","href":"/prompting/captions-catalog"},{"title":"Colour, effects, 3D and generated art","sidebarTitle":"Colour, effects and 3D","href":"/prompting/color-grading"},{"title":"Brand, templates and storyboards","sidebarTitle":"Brand and templates","href":"/prompting/design-systems"},{"group":"More prompt topics","pages":[{"title":"Verified example prompts","href":"/prompting/examples"},{"title":"Editing existing videos","href":"/prompting/editing-existing-videos"},{"title":"Recreating something you saw","href":"/prompting/recreating-references"},{"title":"A full film, prompt by prompt","href":"/prompting/capstone"}]}]},{"group":"Images, sound and footage","pages":[{"title":"Work with media","sidebarTitle":"Overview","href":"/guides/media"},{"title":"Add images and video clips","sidebarTitle":"Images and video","href":"/guides/video-components"},{"title":"Add voiceover, music, sound effects and captions","sidebarTitle":"Voice, music and captions","href":"/guides/voice-and-audio"},{"title":"Remove a video background","sidebarTitle":"Remove background","href":"/guides/remove-background"},{"title":"Add effects to images and video","sidebarTitle":"Video effects","href":"/guides/media-effects"},{"title":"Render a video to MP4","sidebarTitle":"Render","href":"/guides/export-and-share"}]},{"group":"Browser editor","pages":[{"title":"Edit in the browser editor","sidebarTitle":"Browser editor","href":"/studio/index"},{"title":"Edit on the canvas","sidebarTitle":"Canvas, motion and code","href":"/studio/canvas"},{"title":"Edit timing on the timeline","href":"/studio/timeline"},{"title":"Mix audio","sidebarTitle":"Audio","href":"/studio/audio-effects"},{"title":"Captions, assets and variables","sidebarTitle":"Captions, assets and variables","href":"/studio/assets-and-blocks"},{"title":"Export and slideshows","sidebarTitle":"Export and slideshows","href":"/studio/export"}]},{"group":"Help and updates","pages":[{"title":"Troubleshooting","sidebarTitle":"Troubleshooting","href":"/help"},{"title":"30 Days of HyperFrames","sidebarTitle":"30 Days of HyperFrames","href":"/thirty-days"},{"title":"Product updates","href":"/product-updates"},{"title":"Weekly updates","href":"/weekly-updates"},{"title":"Changelog","href":"/changelog"}]}]},{"item":"Studio app","icon":"laptop","description":"The desktop app","pages":[{"title":"Studio app","href":"/studio-app"}]},{"item":"Developers","icon":"code","description":"CLI, SDK and reference","pages":[{"title":"Developers","href":"/developers/overview"}]},{"item":"Free lessons","icon":"graduation-cap","description":"A free video course","href":"https://hyperframes.heygen.com/lessons"},{"item":"Community","icon":"users","description":"Videos people made","href":"https://hyperframes.studio/?view=community\u0026src=docs-navbar"},{"item":"App changelog","icon":"sparkles","description":"What's new in the app","href":"https://hyperframes.studio/changelog?src=docs-navbar"}]},{"tab":"Catalog","icon":"grid-2","pages":[{"title":"Catalog","href":"/catalog"}]}]},"basePath":"","title":"Make an interactive presentation with AI - HyperFrames","buildId":"44983560cdbd","dynamics":[],"chunks":[]}