Bridge cuts between clips with dissolves, dips, and wipes.
A transition blends the cut between two clips instead of switching on a single frame. In Studio, transitions belong to the cut itself: they run across the boundary where one clip ends and the next begins on the same track.
Transitions work between adjacent clips on the same track. Each one is anchored to the cut: half of its duration plays over the end of the outgoing clip, half over the start of the incoming clip. That means both clips need a little material on either side of the cut: if a clip runs out of frames, Flowy blends with whatever is available.A transition rides with its clip. Moving the clip moves the transition with it, and duplicating a clip (⌘J) copies its transitions too.
Transitions default to 0.5 seconds: long enough to register, short enough not to drag. Shorter durations tighten the cut toward a subtle blend; longer ones slow the pacing and draw attention to the change.
Transitions render across the cut in the preview and in your exported video alike: scrub the playhead slowly across a cut to inspect the blend frame by frame.
Last modified on August 29, 2026
Was this page helpful?
⌘I
{"docsConfig":{"theme":"luma","$schema":"https://mintlify.com/docs.json","name":"Flowy","description":"Documentation for Flowy — the node-based AI creative platform. Generate images, video, audio, 3D and vector on an infinite canvas, edit on the Studio timeline, collaborate in real time, and ship over the API, MCP server or CLI.","colors":{"primary":"#5c4a00","light":"#ffdd00","dark":"#5c4a00"},"logo":{"light":"https://mintcdn.com/flamapp/F3HzOSEZ0flnKi-X/logo/flowy-wordmark-dark.svg?fit=max\u0026auto=format\u0026n=F3HzOSEZ0flnKi-X\u0026q=85\u0026s=f82bb9ceea55e05eb2adaccc84567bb3","dark":"https://mintcdn.com/flamapp/F3HzOSEZ0flnKi-X/logo/flowy-wordmark-white.svg?fit=max\u0026auto=format\u0026n=F3HzOSEZ0flnKi-X\u0026q=85\u0026s=ff73d4d6f64cfdebf6c87382d3238682","href":"https://tryflowy.ai"},"favicon":"https://mintcdn.com/flamapp/d-IQVAHPd1A_gxXA/favicon.svg?fit=max\u0026auto=format\u0026n=d-IQVAHPd1A_gxXA\u0026q=85\u0026s=9850a281bea94ddad3a66dec30f8e231","api":{"playground":{"display":"interactive"},"examples":{"languages":["curl","python","javascript","php","go","java","ruby"]}},"appearance":{"default":"system"},"background":{"decoration":"grid","color":{"light":"#ffffff","dark":"#0f0f0f"}},"navbar":{"links":[{"href":"https://docs.tryflowy.ai/help/overview","label":"Help Center"},{"href":"https://tryflowy.ai/community","label":"Community"},{"href":"mailto:[email protected]","label":"Support"}],"primary":{"type":"button","label":"Open Flowy","href":"https://tryflowy.ai/auth/sign-in"}},"footer":{"socials":{"x":"https://x.com/TryFlowyAI","instagram":"https://www.instagram.com/tryflowyai","linkedin":"https://www.linkedin.com/in/flowy-ai-756474412","youtube":"https://www.youtube.com/@tryflowyai","reddit":"https://www.reddit.com/r/FlowyAI","discord":"https://discord.gg/nTeVdHpZ"},"links":[{"header":"Product","items":[{"label":"Canvas","href":"https://docs.tryflowy.ai/canvas/overview"},{"label":"Studio","href":"https://docs.tryflowy.ai/studio/overview"},{"label":"Pricing","href":"https://tryflowy.ai/pricing"},{"label":"Community","href":"https://tryflowy.ai/community"}]},{"header":"Developers","items":[{"label":"API reference","href":"https://docs.tryflowy.ai/api/introduction"},{"label":"MCP server","href":"https://tryflowy.ai/mcp"},{"label":"CLI","href":"https://tryflowy.ai/cli"},{"label":"Skills","href":"https://tryflowy.ai/skills"}]},{"header":"Resources","items":[{"label":"Help Center","href":"https://docs.tryflowy.ai/help/overview"},{"label":"What's new","href":"https://tryflowy.ai/updates"},{"label":"Brand assets","href":"https://tryflowy.ai/brand"},{"label":"Contact support","href":"mailto:[email protected]"}]}]},"search":{"prompt":"Search the Flowy docs…"},"seo":{"metatags":{"og:site_name":"Flowy Docs","og:type":"website","twitter:card":"summary_large_image","twitter:site":"@TryFlowyAI"},"organization":{"name":"Flowy","url":"https://tryflowy.ai","logo":"https://tryflowy.ai/brand/flowy-lockup.svg","sameAs":["https://x.com/TryFlowyAI","https://www.linkedin.com/in/flowy-ai-756474412/","https://www.youtube.com/@tryflowyai","https://www.instagram.com/tryflowyai/","https://www.reddit.com/r/FlowyAI/"]},"indexing":"navigable"},"fonts":{"heading":{"family":"ClashDisplay","weight":600,"source":"fonts/ClashDisplay-600.woff2","format":"woff2"},"body":{"family":"Geist","weight":400}},"styling":{"eyebrows":"breadcrumbs","codeblocks":{"theme":{"light":"github-light","dark":"vesper"}},"latex":true},"integrations":{"posthog":{"apiKey":"phc_zS4jWzBsK9uPebPsFVri9PUNrh4i5Nq9EzNQrP7ZM7oK","apiHost":"https://t.tryflowy.studio","sessionRecording":false}},"errors":{"404":{"redirect":false,"title":"This page drifted off the canvas","description":"We couldn't find that page. Try [search](/), start from the [quickstart](/getting-started/quickstart), or head to the [Help Center](/help/overview)."}},"contextual":{"options":["copy","view","assistant","chatgpt","claude","perplexity","cursor","vscode","mcp","add-mcp"],"display":"header"},"thumbnails":{"appearance":"dark"},"metadata":{"timestamp":true},"markdown":{"instructions":["Flowy is a node-based AI creative platform: you generate images, video, audio, 3D and vector on an infinite Canvas, refine on the Studio timeline, and export or publish from the same project.","Prefer the Flowy MCP server (https://mcp.tryflowy.ai/mcp) or the REST API at https://apis.tryflowy.ai/v1 for programmatic work. Install with `flowy mcp install` from the @tryflowy/cli package.","Credits are workspace-scoped. Generations reserve credits on start and only deduct on success, so failed runs refund automatically."]},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"flamapp","hasAudioNarration":false,"actualSubdomain":"flamapp","customDomains":["docs.tryflowy.ai"],"gitSource":{"type":"github","owner":"homingos","repo":"fe-flowy","deployBranch":"production","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"collectionId":"790885bc-c594-4904-b778-fba1e8be8605","liveDeploymentHistoryId":"6acbeae6c34d60a683e20ede","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6acbeae6c34d60a683e20ede"},"feedback":{"thumbs":true,"edits":false,"agentFeedback":true,"issues":false},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6adb64d8adb57cc3ba90206d","clientVersion":"0.0.3971","searchFilterCounts":[{"language":"default","tag":"Documentation","count":118},{"language":"default","tag":"API Reference","count":40},{"language":"default","tag":"Canvas","count":38},{"language":"default","tag":"Endpoints","count":28},{"language":"default","tag":"Help Center","count":27},{"language":"default","tag":"Nodes","count":17},{"language":"default","tag":"Settings","count":16},{"language":"default","tag":"Tools","count":16},{"language":"default","tag":"Flows","count":11},{"language":"default","tag":"Studio","count":10}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":true},"customCss":[{"filePath":"style.css","content":":root{--flowy-bone:#fcf0d6;--flowy-bone-deep:#f7e7c4;--flowy-signal:#ffdd00;--flowy-signal-deep:#e8c800;--flowy-umber:#3d2c0c;--flowy-umber-deep:#2a2418;--flowy-brand:var(--flowy-signal);--flowy-brand-pressed:var(--flowy-signal-deep);--flowy-on-brand:#1a1400;--flowy-current:var(--flowy-bone);--flowy-wash:#fff8d1;--flowy-wash-hover:#ffef9e;--flowy-ink:#5c4a00;--flowy-content-default:rgba(20, 20, 26, 0.66);--flowy-content-subtle:rgba(20, 20, 26, 0.42);--flowy-edge:var(--flowy-ink);--flowy-bg:#ffffff;--flowy-bg-subtle:#efeff2;--flowy-border-subtle:rgba(0, 0, 0, 0.06);--flowy-border-default:rgba(0, 0, 0, 0.1);--flowy-radius:0.625rem;--flowy-radius-lg:1rem;--flowy-ease:cubic-bezier(0.2, 0, 0, 1)}.dark{--flowy-wash:var(--flowy-umber);--flowy-wash-hover:#5c4212;--flowy-ink:var(--flowy-signal);--flowy-content-default:rgba(244, 242, 246, 0.66);--flowy-content-subtle:rgba(244, 242, 246, 0.42);--flowy-edge:var(--flowy-bone);--flowy-bg:#0f0f0f;--flowy-bg-subtle:#1c1c1c;--flowy-border-subtle:rgba(255, 255, 255, 0.06);--flowy-border-default:rgba(255, 255, 255, 0.1)}#content h1,#content h2,#content h3{letter-spacing:-.02em}#page-title{letter-spacing:-.03em}breadcrumb-list,eyebrow{font-size:.8125rem;letter-spacing:.01em}img.nav-logo{height:1.5rem!important;width:auto!important}#sidebar a[aria-current=page],#sidebar li>a[data-active=true]{background-color:var(--flowy-wash);color:var(--flowy-ink)}sidebar-group-header{letter-spacing:.02em;text-transform:none}card,frame{border-radius:var(--flowy-radius-lg)}card{transition:border-color 200ms var(--flowy-ease),background-color 200ms var(--flowy-ease)}card:hover{border-color:var(--flowy-edge);background-color:var(--flowy-wash)}.dark card:hover{background-color:rgba(255,221,0,.06)}accordion,callout,code-block,code-group,expandable,mermaid,steps{border-radius:var(--flowy-radius)}frame{overflow:hidden}frame img{border-radius:0}frame figcaption{margin-top:.5rem;font-size:.8125rem;color:var(--flowy-content-subtle)}#content table{font-variant-numeric:tabular-nums}#content table th{font-weight:550;letter-spacing:.01em}#content table td,#content table th,card{border-color:var(--flowy-border-subtle)}#content kbd,.credits{display:inline-block;white-space:nowrap}#content kbd{min-width:1.5rem;padding:.125rem .375rem;border:1px solid var(--flowy-border-default);border-bottom-width:2px;border-radius:.375rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.75rem;line-height:1.4;text-align:center}.credits{padding:.0625rem .5rem;border-radius:999px;background-color:var(--flowy-wash);color:var(--flowy-ink);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:550}#content kbd,.flowy-media-frame{background-color:var(--flowy-bg-subtle)}.flowy-media-frame{border:1px solid var(--flowy-border-subtle);border-radius:var(--flowy-radius-lg)}.flowy-media-caption{font-size:.8125rem;line-height:1.5;color:var(--flowy-content-subtle)}.flowy-play-button{background-color:var(--flowy-brand)}.flowy-play-button:hover{background-color:var(--flowy-brand-pressed)}"}],"page":{"pagePath":"studio/effects/transitions","slug":"/studio/effects/transitions","pageMetadata":{"title":"Transitions","description":"Bridge cuts between clips with dissolves, dips, and wipes.","href":"/studio/effects/transitions"},"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: \"Bridge cuts between clips with dissolves, dips, and wipes.\"\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 DemoVideo=({src,poster,caption,aspectRatio=`16 / 10`,className=``})=>{return _jsxs(`figure`,{className:`not-prose mint-my-6 mint-w-full ${className}`,children:[_jsx(`div`,{className:`flowy-media-frame mint-overflow-hidden`,style:{aspectRatio},children:_jsx(`video`,{src,poster,loop:true,autoPlay:true,muted:true,playsInline:true,className:`mint-h-full mint-w-full mint-object-cover`})}),caption\u0026\u0026_jsx(`figcaption`,{className:`flowy-media-caption mint-mt-2 mint-text-center`,children:caption})]})};function _createMdxContent(props){const _components={a:`a`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Heading,Table,Tip,_MdxComponentBoundary}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tip)_missingMdxReference(`Tip`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`A transition blends the cut between two clips instead of switching on a single frame. In Studio, transitions belong to the cut itself: they run across the boundary where one clip ends and the next begins on the same track.`}),`\n`,_jsx(_MdxComponentBoundary,{name:`DemoVideo`,children:_jsx(DemoVideo,{src:`/videos/studio/transitions.mp4`,poster:`/images/posters/studio/transitions.jpg`,caption:`A cross dissolve carrying one clip into the next across a cut`})}),`\n`,_jsx(Heading,{level:`2`,id:`available-transitions`,children:`Available transitions`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Transition`}),_jsx(_components.th,{children:`What it looks like`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Cross Dissolve`})}),_jsx(_components.td,{children:`The outgoing clip fades directly into the incoming clip`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Dip to Black`})}),_jsx(_components.td,{children:`The outgoing clip fades to black, then the incoming clip fades up from it`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Dip to White`})}),_jsx(_components.td,{children:`The same dip, through white: brighter and more energetic`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Wipe (Left → Right)`})}),_jsx(_components.td,{children:`The incoming clip sweeps across the frame from the left edge`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Wipe (Top → Bottom)`})}),_jsx(_components.td,{children:`The incoming clip sweeps down from the top of the frame`})]})]})]}),`\n`,_jsx(_components.p,{children:`Cross Dissolve is the default and the safest choice: dips read as deliberate chapter breaks, and wipes carry a stronger stylistic flavor.`}),`\n`,_jsx(Heading,{level:`2`,id:`placement`,children:`Placement`}),`\n`,_jsxs(_components.p,{children:[`Transitions work between `,_jsx(_components.strong,{children:`adjacent clips on the same track`}),`. Each one is anchored to the cut: half of its duration plays over the end of the outgoing clip, half over the start of the incoming clip. That means both clips need a little material on either side of the cut: if a clip runs out of frames, Flowy blends with whatever is available.`]}),`\n`,_jsxs(_components.p,{children:[`A transition rides with its clip. Moving the clip moves the transition with it, and duplicating a clip (`,_jsx(`kbd`,{children:`⌘`}),` `,_jsx(`kbd`,{children:`J`}),`) copies its transitions too.`]}),`\n`,_jsx(Heading,{level:`2`,id:`duration`,children:`Duration`}),`\n`,_jsxs(_components.p,{children:[`Transitions default to `,_jsx(_components.strong,{children:`0.5 seconds`}),`: long enough to register, short enough not to drag. Shorter durations tighten the cut toward a subtle blend; longer ones slow the pacing and draw attention to the change.`]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`Transitions render across the cut in the preview and in your `,_jsx(_components.a,{href:`/studio/export`,children:`exported video`}),` alike: scrub the playhead slowly across a cut to inspect the blend frame by frame.`]})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{DemoVideo,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":{"codeStyling":{"theme":{"light":"github-light","dark":"vesper"}},"config":{},"pageMetadata":{"title":"Transitions","description":"Bridge cuts between clips with dissolves, dips, and wipes.","href":"/studio/effects/transitions"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[145,643,")=>null;function _cr"]]},"mdxExtracts":{"tableOfContents":[{"title":"Available transitions","slug":"available-transitions","depth":2,"children":[]},{"title":"Placement","slug":"placement","depth":2,"children":[]},{"title":"Duration","slug":"duration","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem\n}\n.mint-mt-2 {\n margin-top: 0.5rem\n}\n.mint-h-full {\n height: 100%\n}\n.mint-w-full {\n width: 100%\n}\n.mint-overflow-hidden {\n overflow: hidden\n}\n.mint-object-cover {\n object-fit: cover\n}\n.mint-text-center {\n text-align: center\n}","subdomain":"flamapp","siteName":"Flowy","title":"Transitions - Flowy","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-08-31T13:22:58.229Z","gitLastModified":"2026-08-29T10:49:29.000Z","originalFileLocation":"studio/effects/transitions.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=\"Bridge cuts between clips with dissolves, dips, and wipes.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Flowy\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Transitions - Flowy\">\u003cmeta data-mint-head property=\"og:description\" content=\"Bridge cuts between clips with dissolves, dips, and wipes.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Flowy Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.tryflowy.ai/studio/effects/transitions\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://flamapp.mintlify.app/_mintlify/api/og/v2?division=Effects+%26+Transitions\u0026amp;title=Transitions\u0026amp;description=Bridge+cuts+between+clips+with+dissolves%2C+dips%2C+and+wipes.\u0026amp;theme=a13da42bc121a2f7f3023159\u0026amp;signature=3f5f6cac600e189252a35e6efdbf9a917e1d4a03c2b492ad5f37f9901d8133f3\">\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=\"Transitions - Flowy\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Bridge cuts between clips with dissolves, dips, and wipes.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://flamapp.mintlify.app/_mintlify/api/og/v2?division=Effects+%26+Transitions\u0026amp;title=Transitions\u0026amp;description=Bridge+cuts+between+clips+with+dissolves%2C+dips%2C+and+wipes.\u0026amp;theme=a13da42bc121a2f7f3023159\u0026amp;signature=3f5f6cac600e189252a35e6efdbf9a917e1d4a03c2b492ad5f37f9901d8133f3\">\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=\"/mintlify-assets/_mintlify/favicons/flamapp/JgZWkxORrHqxm8c9/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Flowy\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#5c4a00\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.tryflowy.ai/studio/effects/transitions\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/studio/effects/transitions.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://tryflowy.ai/#organization\",\"name\":\"Flowy\",\"url\":\"https://tryflowy.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://tryflowy.ai/brand/flowy-lockup.svg\"},\"sameAs\":[\"https://x.com/TryFlowyAI\",\"https://www.linkedin.com/in/flowy-ai-756474412/\",\"https://www.youtube.com/@tryflowyai\",\"https://www.instagram.com/tryflowyai/\",\"https://www.reddit.com/r/FlowyAI/\"]},{\"@type\":\"WebSite\",\"@id\":\"https://docs.tryflowy.ai#website\",\"name\":\"Flowy\",\"url\":\"https://docs.tryflowy.ai\",\"publisher\":{\"@id\":\"https://tryflowy.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.tryflowy.ai/studio/effects/transitions#webpage\",\"url\":\"https://docs.tryflowy.ai/studio/effects/transitions\",\"name\":\"Transitions\",\"description\":\"Bridge cuts between clips with dissolves, dips, and wipes.\",\"dateModified\":\"2026-08-29T10:49:29.000Z\",\"isPartOf\":{\"@id\":\"https://docs.tryflowy.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.tryflowy.ai/studio/effects/transitions#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.tryflowy.ai/studio/effects/transitions#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Studio\",\"item\":\"https://docs.tryflowy.ai/studio/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effects \u0026 Transitions\",\"item\":\"https://docs.tryflowy.ai/studio/effects/overview\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Transitions\",\"item\":\"https://docs.tryflowy.ai/studio/effects/transitions\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.tryflowy.ai/studio/effects/transitions#article\",\"headline\":\"Transitions\",\"name\":\"Transitions\",\"description\":\"Bridge cuts between clips with dissolves, dips, and wipes.\",\"url\":\"https://docs.tryflowy.ai/studio/effects/transitions\",\"mainEntityOfPage\":{\"@id\":\"https://docs.tryflowy.ai/studio/effects/transitions#webpage\"},\"dateModified\":\"2026-08-29T10:49:29.000Z\",\"publisher\":{\"@id\":\"https://tryflowy.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.tryflowy.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Flowy\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Flowy","nav":{"global":null,"tabs":[{"tab":"Documentation","icon":"book-open","groups":[{"group":"Getting Started","expanded":true,"pages":[{"title":"Welcome to Flowy","href":""},{"title":"Quickstart","href":"/getting-started/quickstart"},{"title":"Core Concepts","href":"/getting-started/concepts"}]},{"group":"Creator Studio","pages":[{"title":"Creator Studio Overview","href":"/creator-studio/overview"},{"title":"Projects","href":"/creator-studio/projects"},{"title":"Trash","href":"/creator-studio/trash"},{"title":"Command Palette","href":"/creator-studio/command-palette"},{"title":"Product Updates","href":"/creator-studio/updates"}]},{"group":"Library","pages":[{"title":"Library Overview","href":"/library/overview"},{"title":"Assets","href":"/library/assets"},{"title":"Folders","href":"/library/folders"},{"title":"Asset Detail","href":"/library/asset-detail"},{"title":"Brand Kit","href":"/library/brand-kits"},{"title":"Elements","href":"/library/elements"}]},{"group":"Community","pages":[{"title":"Community","href":"/community/overview"},{"title":"Explore","href":"/community/explore"},{"title":"Templates","href":"/community/templates"},{"title":"Flows","href":"/community/flows"},{"title":"Following \u0026 Saved","href":"/community/following"},{"title":"Publishing","href":"/community/publishing"},{"title":"Reporting","href":"/community/reporting"},{"group":"Creator profile","pages":[{"title":"Creator Profile","href":"/creator/profile"},{"title":"Posts","href":"/creator/posts"}]}]},{"group":"Canvas","pages":[{"title":"Canvas Overview","href":"/canvas/overview"},{"title":"Navigation \u0026 Selection","href":"/canvas/navigation"},{"title":"Canvas Toolbar","href":"/canvas/toolbar"},{"group":"Nodes","pages":[{"title":"Nodes Overview","href":"/canvas/nodes/overview"},{"title":"Text Node","href":"/canvas/nodes/text"},{"title":"Image Node","href":"/canvas/nodes/image"},{"title":"Vector Node","href":"/canvas/nodes/vector"},{"title":"Video Node","href":"/canvas/nodes/video"},{"title":"Audio Node","href":"/canvas/nodes/audio"},{"title":"3D Node","href":"/canvas/nodes/3d"},{"title":"Flam Node","href":"/canvas/nodes/flam"},{"title":"Sketch Node","href":"/canvas/nodes/sketch"},{"title":"Storyboard Node","href":"/canvas/nodes/storyboard"},{"title":"Composition Node","href":"/canvas/nodes/composition"},{"title":"Model Node","href":"/canvas/nodes/model"},{"title":"Element Node","href":"/canvas/nodes/element"},{"title":"Brand Kit Node","href":"/canvas/nodes/brand-kit"},{"title":"Router Node","href":"/canvas/nodes/router"},{"title":"Cloud Export Node","href":"/canvas/nodes/cloud-export"},{"title":"Utility Nodes","href":"/canvas/nodes/utility-nodes"}]},{"group":"Image Tools","pages":[{"title":"Image Tools Overview","href":"/canvas/image-tools/overview"},{"title":"Transform \u0026 Adjust","href":"/canvas/image-tools/transform-and-adjust"},{"title":"Upscale","href":"/canvas/image-tools/upscale"},{"title":"Inpaint","href":"/canvas/image-tools/inpaint"},{"title":"Outpaint","href":"/canvas/image-tools/outpaint"},{"title":"Remove Background","href":"/canvas/image-tools/remove-background"},{"title":"Change Angle","href":"/canvas/image-tools/change-angle"},{"title":"Separate Layers","href":"/canvas/image-tools/separate-layers"}]},{"title":"Quick Actions","href":"/canvas/quick-actions"},{"title":"Groups, Notes \u0026 Comments","href":"/canvas/groups-and-notes"},{"title":"Auto Layout","href":"/canvas/auto-layout"},{"group":"AI Assistant","pages":[{"title":"AI Assistant Overview","href":"/canvas/ai/overview"},{"title":"Agent Actions","href":"/canvas/ai/agent-actions"},{"title":"Plan Mode","href":"/canvas/ai/plan-mode"},{"title":"Memory \u0026 Skills","href":"/canvas/ai/memory-and-skills"},{"title":"Voice \u0026 Cursor Chat","href":"/canvas/ai/voice-and-cursor-chat"},{"title":"Canvas Audit","href":"/canvas/ai/canvas-audit"}]},{"title":"Keyboard Shortcuts","href":"/canvas/keyboard-shortcuts"}]},{"group":"Studio","pages":[{"title":"Studio Overview","href":"/studio/overview"},{"title":"Timeline \u0026 Editing","href":"/studio/timeline"},{"title":"Inspector","href":"/studio/inspector"},{"group":"Effects \u0026 Transitions","pages":[{"title":"Effects Overview","href":"/studio/effects/overview"},{"title":"Color Correction","href":"/studio/effects/color-correction"},{"title":"Stylize Effects","href":"/studio/effects/stylize"},{"title":"Chroma Key","description":"Remove green screens and composite clips over any background.","href":"/studio/effects/chroma-key"},{"title":"Transitions","href":"/studio/effects/transitions"}]},{"title":"Studio AI Chat","description":"Describe the edit you want and the assistant applies it to your timeline.","href":"/studio/ai-chat"},{"title":"Export \u0026 Render","href":"/studio/export"}]},{"group":"Tools","pages":[{"title":"Tools","href":"/tools/overview"},{"group":"Image","pages":[{"title":"Upscale Image","href":"/tools/upscale-image"},{"title":"Relight","href":"/tools/relight"},{"title":"Face Swap","href":"/tools/face-swap"},{"title":"Character Swap","href":"/tools/character-swap"},{"title":"Expand","href":"/tools/expand"},{"title":"Outfit Swap","href":"/tools/outfit-swap"}]},{"group":"Video","pages":[{"title":"Upscale Video","href":"/tools/upscale-video"},{"title":"Lipsync Studio","href":"/tools/lipsync-studio"},{"title":"Motion Control","href":"/tools/motion-control"},{"title":"Face Swap Video","href":"/tools/face-swap-video"},{"title":"Viral Presets","href":"/tools/viral-presets"}]},{"group":"Audio","pages":[{"title":"Voiceover","href":"/tools/voiceover"},{"title":"Change Voice","href":"/tools/change-voice"},{"title":"Translation","href":"/tools/translation"}]},{"title":"Virality Analysis","href":"/tools/virality-analysis"}]},{"group":"Flows","pages":[{"title":"Flows Overview","href":"/flows/overview"},{"title":"Publishing a Flow","href":"/flows/publishing"},{"title":"Flow Playground","href":"/flows/playground"},{"title":"Flow Requests","href":"/flows/requests"},{"title":"Flow Recipe","href":"/flows/recipe"},{"title":"Flow API","href":"/flows/api"}]},{"group":"Collaboration","pages":[{"title":"Workspaces","href":"/collaboration/workspaces"},{"title":"Roles \u0026 Permissions","href":"/collaboration/roles"},{"title":"Real-Time Collaboration","href":"/collaboration/real-time"},{"title":"Sharing Projects","href":"/collaboration/sharing"},{"title":"Voice Rooms","href":"/collaboration/voice-rooms"},{"title":"Notifications","href":"/collaboration/notifications"}]},{"group":"Integrations","pages":[{"title":"Integrations","href":"/integrations/overview"},{"title":"Google Drive","href":"/integrations/google-drive"},{"title":"Dropbox","href":"/integrations/dropbox"}]},{"group":"Settings","pages":[{"title":"Account Settings","href":"/settings/account"},{"title":"Profile","href":"/settings/profile"},{"title":"Security","href":"/settings/security"},{"title":"Notifications","href":"/settings/notifications"},{"title":"Preferences","href":"/settings/preferences"},{"title":"Customisations","href":"/settings/customisations"},{"title":"Labs","href":"/settings/labs"},{"title":"Workspace Settings","href":"/settings/workspace"},{"title":"Members","href":"/settings/members"},{"title":"Billing","href":"/settings/billing"},{"title":"Usage","href":"/settings/usage"},{"title":"Integrations","href":"/settings/integrations"},{"group":"Developers","pages":[{"title":"API Keys","href":"/settings/api-keys"},{"title":"OAuth Apps","href":"/settings/oauth-apps"},{"title":"Connected Apps","href":"/settings/connected-apps"},{"title":"API Request Logs","href":"/settings/logs"}]}]}]},{"tab":"Help Center","icon":"life-ring","pages":[{"title":"Help Center","href":"/help/overview"}]},{"tab":"API Reference","icon":"code","pages":[{"title":"API Reference","href":"/api/introduction"}]}]},"title":"Transitions - Flowy","buildId":"dpl_DFJrtvUi8HS5F9nkooKuDJsuD5BM","deploymentId":"dpl_DFJrtvUi8HS5F9nkooKuDJsuD5BM","dynamics":[],"chunks":[]}