CINXE.COM
Free Final Cut Pro Transitions Template Downloads | Mixkit
<!DOCTYPE html> <html lang="en"> <head> <title>Free Final Cut Pro Transitions Template Downloads | Mixkit</title> <meta name="viewport" content="width=device-width" /> <meta charset="utf-8" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://assets.mixkit.co" /> <link rel="preconnect" href="https://cdn.rollbar.com" /> <link rel="preconnect" href="//consentcdn.cookiebot.com" crossorigin> <link rel="dns-prefetch" href="//consentcdn.cookiebot.com"> <link rel="preconnect" href="https://www.googletagmanager.com" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link rel="preload" href="//assets.mixkit.co/build/mixkit-logo--black-a90b84b6ac6ad0fbd410b16466b4cb252d399b5caaf03603f36c52ffc648455c.svg" as="image" /> <script type="text/plain" data-cookieconsent="statistics"> if (!window.gtmLoaded) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WVRS4FR'); window.gtmLoaded = true; } </script> <script type="text/plain" data-cookieconsent="statistics"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1194155974117924'); fbq('track', 'PageView'); </script> <link rel="apple-touch-icon" sizes="72x72" href="https://assets.mixkit.co/build/favicons/apple-icon-72x72-65d8de4120b737fcccf4be0dd5e3604c7d0aa062eeb594876e4aac1f3aaf22a6.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://assets.mixkit.co/build/favicons/apple-icon-180x180-bd3d5e368063b793b955fa228a1d9311b54a29ac871f53c2e0c69e81d5fa0d48.png" /> <link rel="icon" type="image/png" href="https://assets.mixkit.co/build/favicons/favicon-96x96-b47a57aea9303a5f92e644e78aa343575b21f12b38d469be00fdc5acd983684d.png" /> <script> var _rollbarConfig = { accessToken: "43af6f8a4a7b4b8981a424d56fe85856", captureUncaught: true, captureUnhandledRejections: true, payload: { environment: "production", client: { javascript: { source_map_enabled: true, code_version: "v1392", guess_uncaught_frames: true } } }, rewriteFilenamePatterns: [ "^.*(application-[a-f0-9]{64}\.js$)", "^.*(controllers-[a-f0-9]{64}\.js$)", ], itemsPerMinute: 2, maxItems: 5, hostSafeList: [ /mixkit/ ], ignoredMessages: [ "The operation (was aborted|is not supported)\.", /The play\(\) request was interrupted/, "The user aborted a request", "The fetching process for the media resource was aborted by the user agent at the user's request", "Script error", "The provided double value is non-finite", "Value being assigned is not a finite floating-point value", "Cannot read property getBoundingClientRect of undefined/null expression", ".*null is not an object \\(evaluating.+\\).*$", // to match all that include `null is not an object (evaluating ... )` "Cannot read property.+clientWidth", // to match "Uncaught TypeError: Cannot read property 'clientWidth' of null" "Cannot read properties.+clientWidth", // to match "Uncaught TypeError: Cannot read properties of null (reading 'clientWidth')" "Cannot read properties of undefined (reading '(href|hash|search|assign)')", // add more similar errors like this (href|hash|<abc>) "^(location) is not defined", "^ResizeObserver loop.*$", // to match all start with "ResizeObserver loop" "The element has no supported sources", "Failed to load because no supported source was found", "^Failed to fetch$", "NetworkError when attempting to fetch resource", "Failed to read property from 'Window': Access is denied for this document", "^Unexpected token.+\.", ".*The order of m-lines in answer doesn't match order in offer\. Rejecting answer\..*$", // to match all that include "The order of m-lines in answer doesn't match order in offer. Rejecting answer" ".*illegal character.*$", ".*Can't find variable: MtPopUpList.*$", ".*Can't find variable: gmo.*$", ".*Permission denied to access property \"navigator\" on cross-origin object.*$", ".*The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission\..*$", ".*expected expression, got '\.'.*$", ".*Blocked a frame with origin.+from accessing a cross-origin frame\. Protocols, domains, and ports must match\..*$", "Fetch is aborted", ".*Identifier 'cookieSetting' has already been declared.*$", ".*Identifier.+has already been declared.*$", ".*Unexpected identifier 'layer'.*$", "redeclaration of let Flags", ".*The application\.js file didn鈥檛 load\..*$", "The media resource indicated by the src attribute or assigned media provider object was not suitable.", ], checkIgnore: function() { var browserSupportsAbortController = typeof AbortController !== "undefined" var browserSupportsCss = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false); var browserSupportsCustomElements = !!(window.customElements); var isIE = navigator.userAgent.indexOf("MSIE ") > -1 || navigator.userAgent.indexOf("Trident/") > -1; if (browserSupportsAbortController && browserSupportsCss && browserSupportsCustomElements && !isIE) { return false; } return true; } }; // Rollbar Snippet !function(r){var e={};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,e,n){o.o(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:n})},o.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var t in r)o.d(n,t,function(e){return r[e]}.bind(null,t));return n},o.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return o.d(e,"a",e),e},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},o.p="",o(o.s=0)}([function(r,e,o){"use strict";var n=o(1),t=o(5);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdn.rollbar.com/rollbarjs/refs/tags/v2.26.1/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";var n=o(2),t=o(3);function a(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}var l=0;function i(r,e){this.options=r,this._rollbarOldOnError=null;var o=l++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}var s=o(4),d=function(r,e){return new i(r,e)},c=function(r){return new s(d,r)};function u(r){return a((function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)}))}i.prototype.loadFull=function(r,e,o,n,t){var l=!1,i=e.createElement("script"),s=e.getElementsByTagName("script")[0],d=s.parentNode;i.crossOrigin="",i.src=n.rollbarJsUrl,o||(i.async=!0),i.onload=i.onreadystatechange=a((function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){i.onload=i.onreadystatechange=null;try{d.removeChild(i)}catch(r){}l=!0,function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,a,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(a=n.args||[],i=0;i<a.length;++i)if("function"==typeof(l=a[i])){l(e);break}}"function"==typeof t&&t(e)}()}})),d.insertBefore(i,s)},i.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var p="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<p.length;++f)i.prototype[p[f]]=u(p[f]);r.exports={setupShim:function(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var l=new c(e);return a((function(){e.captureUncaught&&(l._rollbarOldOnError=r.onerror,n.captureUncaughtExceptions(r,l,!0),e.wrapGlobalEventHandlers&&t(r,l,!0)),e.captureUnhandledRejections&&n.captureUnhandledRejections(r,l,!0);var a=e.autoInstrument;return!1!==e.enabled&&(void 0===a||!0===a||function(r){return!("object"!=typeof r||void 0!==r.page&&!r.page)}(a))&&r.addEventListener&&(r.addEventListener("load",l.captureLoad.bind(l)),r.addEventListener("DOMContentLoaded",l.captureDomContentLoaded.bind(l))),r[o]=l,l}))()}},Rollbar:c}},function(r,e,o){"use strict";function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null);var t=e.handleUncaughtException.apply(e,n);o&&o.apply(r,n),"anonymous"===t&&(e.anonymousErrorsPending+=1)}r.exports={captureUncaughtExceptions:function(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}e.handleAnonymousErrors();var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}},captureUnhandledRejections:function(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}}},function(r,e,o){"use strict";function n(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports=function(r,e,o){if(r){var t,a,l="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(t=0;t<l.length;++t)r[a=l[t]]&&r[a].prototype&&n(e,r[a].prototype,o)}}},function(r,e,o){"use strict";function n(r,e){this.impl=r(e,this),this.options=e,function(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}(n.prototype)}n.prototype._swapAndProcessMessages=function(r,e){var o,n,t;for(this.impl=r(this.options);o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=n},function(r,e,o){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){for(var o,n,t=(r=r||{}).globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]); // End Rollbar Snippet </script> <script type="text/javascript"> document.addEventListener("turbo:load", (event) => { if (typeof window.Cookiebot === "object" && "hasResponse" in window.Cookiebot && !window.Cookiebot.hasResponse) { window.Cookiebot.renew() } }) </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" type="text/javascript" async data-georegions="{'region':'US', 'cbid': 'd9683f70-895f-4427-97dc-f1087cddf9d8'}" ></script> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" media="print" onload="this.media='all'" /> <noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" /> </noscript> <link rel="stylesheet" href="https://assets.mixkit.co/build/application-b412b30f86680a5d4c1d86fee2878bea16f475e47fb38ba55d393e646ea0184c.css" media="all" data-turbo-track="reload" /> <script src="https://assets.mixkit.co/build/application-5a2652a8035e3f1fa96faa1360d98565e3316dd36b61bf7a2b25225a13db59d6.js" crossorigin="anonymous" data-turbo-track="reload"></script> <script src="https://assets.mixkit.co/build/controllers-013bf50184265c43f7c1285c8c58f00767aad588fde71e190cbc77a512a8388a.js"></script> <meta name="description" content="Download from our library of free Final Cut Pro Templates for Transitions. All of the templates for Transitions are ready to be used in your video editing projects." /> <meta name="bingbot" content="nocache"> <link rel="canonical" href="https://mixkit.co/free-final-cut-pro-templates/transitions/" /> <meta property="og:title" content="Free Final Cut Pro Transitions Template Downloads | Mixkit" /> <meta property="og:description" content="Download from our library of free Final Cut Pro Templates for Transitions. All of the templates for Transitions are ready to be used in your video editing projects." /> <meta property="og:url" content="https://mixkit.co/free-final-cut-pro-templates/transitions/" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://assets.mixkit.co/video-templates-softwares/og_image/final-cut-pro.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:domain" content="mixkit.co" /> <meta property="twitter:url" content="https://mixkit.co/free-final-cut-pro-templates/transitions/"> <meta name="twitter:title" content="Free Final Cut Pro Transitions Template Downloads | Mixkit" /> <meta name="twitter:description" content="Download from our library of free Final Cut Pro Templates for Transitions. All of the templates for Transitions are ready to be used in your video editing projects."> <meta name="twitter:image" content="https://assets.mixkit.co/video-templates-softwares/og_image/final-cut-pro.png" /> <script> // (function() { // // Dynamically load the Datadog RUM script // const rumScript = document.createElement('script'); // rumScript.src = 'https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js'; // rumScript.async = true; // // Initialize RUM after the script has fully loaded // rumScript.onload = function () { // if (typeof DD_RUM !== 'undefined') { // DD_RUM.init({ // clientToken: '', // applicationId: '', // site: 'datadoghq.com', // service: '', // env: 'production', // version: '1.0.0', // trackInteractions: true, // sampleRate: 100, // }); // } // }; // // Add the script to the <head> tag of the document // document.head.appendChild(rumScript); // })(); </script> </head> <body class="" data-controller="google-analytics original-source-capture" data-analytics-processed="false" data-action="click->google-analytics#trackClick" data-analytics-page-type="tag" data-analytics-item-type="video_templates_final_cut_pro" data-cookie-domains="["mixkit.co"]"> <script data-test-id="gtm-page-attributes"> window.dataLayer = window.dataLayer || []; function normalizeAttributeValue(value) { if (value === undefined || value === null) return undefined var normalizedValue if (Array.isArray(value)) { normalizedValue = normalizedValue || value .map(normalizeAttributeValue) .filter(Boolean) .join(', ') } normalizedValue = normalizedValue || value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } (function () { if (document.documentElement.hasAttribute('data-turbo-preview')) return var pageAttributes = { app_name: 'mixkit', app_version: 'v1392', app_env: 'production', page_type: 'tag', category: 'video templates', sub_category: 'final cut pro', tag: 'transitions' } var additionalAttributes = { page_location: window.location.href, page_referrer: document.referrer, page_title: document.title } var normalizedPageAttributes = { event_attributes: null } Object.keys(pageAttributes).forEach(function(key) { normalizedPageAttributes[key] = normalizeAttributeValue(pageAttributes[key]) }) dataLayer.push({...normalizedPageAttributes, ...additionalAttributes}) dataLayer.push({ event: 'analytics_ready', event_attributes: { custom_timestamp: Date.now() } }) })() </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVRS4FR" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <div class="global-sticky-header" data-test-id="global-sticky-header"> <div data-controller="global--header" id="global-header" data-analytics-context="header" class="global-header global-header--search-visible" > <a href="/" class="global-header__logo-wrapper" aria-label="Mixkit - Free assets for your next video project" data-analytics-click-label="mixkit logo"> <svg width="138" height="32" viewBox="0 0 206 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="global-header__logo"> <path class="global-header__logo-brand" d="M96.802 13.89c-.61-1.155-1.624-2.11-3.004-2.866-1.38-.756-3.044-1.114-4.952-1.114-3.207 0-5.886 1.313-7.996 3.98-1.584-2.667-4.222-3.98-7.916-3.98-2.922 0-5.195.995-6.9 2.985v-2.309h-7.55v25.949h7.55v-13.93c0-.596.04-1.114.122-1.671a9.82 9.82 0 01.527-1.91c.284-.757.73-1.354 1.42-1.791.65-.438 1.503-.677 2.477-.677 2.8 0 4.222 1.632 4.222 4.895v15.124h7.55V22.247c.283-3.82 1.785-5.69 4.505-5.69 1.136 0 2.03.318 2.679.954.65.637 1.096 1.274 1.258 1.91.163.637.244 1.314.244 2.03v15.124h7.55V19.859c0-.875-.122-1.79-.406-2.746a15.89 15.89 0 00-1.38-3.223zM107.924 0c-1.218 0-2.233.438-3.045 1.274-.852.835-1.258 1.83-1.258 2.984 0 1.155.406 2.15 1.258 2.985.853.836 1.868 1.274 3.045 1.274 1.217 0 2.232-.438 3.044-1.274.852-.835 1.258-1.83 1.258-2.985 0-1.154-.406-2.149-1.258-2.984C110.156.438 109.141 0 107.924 0zM111.658 10.626h-7.55v25.949h7.55V10.626zM178.917 38.724c-1.217 0-2.232.438-3.044 1.274-.852.835-1.258 1.83-1.258 2.984 0 1.155.406 2.15 1.258 2.985.852.836 1.867 1.274 3.044 1.274 1.218 0 2.233-.438 3.045-1.274.852-.835 1.258-1.83 1.258-2.985 0-1.154-.406-2.149-1.258-2.984-.853-.876-1.868-1.274-3.045-1.274zM182.692 10.626h-7.55v25.949h7.55V10.626zM133.618 10.626l-4.952 7.204-4.912-7.204h-8.443l9.011 12.895-9.011 13.054h8.443l4.912-7.244 4.952 7.244h8.443L133.09 23.52l8.971-12.895h-8.443zM170.19 10.626h-9.092l-7.834 10.626V10.626h-7.55v25.949h7.55V25.51l8.93 11.064h9.66l-10.716-13.213 9.052-12.736zM199.375 10.626c0-4.1-3.369-7.402-7.55-7.402v7.402h-5.195v6.607h5.195v9.233c0 1.87.284 3.502.893 4.895.609 1.393 1.259 2.388 1.949 3.025.73.637 1.623 1.114 2.638 1.512 1.055.358 1.786.557 2.273.597.487.04.974.08 1.543.08 1.664 0 3.287-.08 4.83-.239v-6.248c-.771.08-1.461.159-2.151.199-.853 0-1.543-.12-2.192-.358-.609-.24-1.056-.518-1.34-.836-.284-.319-.487-.637-.609-1.035-.162-.398-.243-.677-.243-.836-.041-.159-.041-.278-.041-.358v-9.631h6.616v-6.607h-6.616z"/> <path d="M15.892 36.742a34.619 34.619 0 019.148-15.426 35.196 35.196 0 00-11.473-7.618C9.268 11.931 4.657 10.413 0 10.418v26.323h15.892z" fill="#58C8D1"/> <path d="M34.058 36.742h15.845V10.419c-9.32-.011-18.263 4.412-24.863 10.898a34.602 34.602 0 019.018 15.425z" fill="#F3556F"/> <path d="M15.892 36.742h18.166a34.603 34.603 0 00-9.018-15.426 34.619 34.619 0 00-9.148 15.426z" fill="#383B76"/> </svg> </a> <div class="global-header__search"> <form action="/search/" method="get" class="search-form" data-controller="search--form" data-action="submit->search--form#search" data-search--form-item-type-value="video_templates_final_cut_pro" data-search--form-autocomplete-value="{"sfx":"/free-sound-effects/search/autocomplete/","music":"/free-stock-music/search/autocomplete/"}" data-search--form-show-clear-button-value="true" > <div class="search-form__item-type-wrapper" data-test-id="search-form__type-select"> <div class="search-form__item-type-label" data-search--form-target="headerLabel"></div> <div class="search-form__item-type-options" data-search--form-target="headerOptions"> <span class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="video">Videos</span> <span class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="music">Music</span> <span class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="sfx">Sound Effects</span> <span class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="video_templates">Templates</span> <span class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="icons">Icons</span> <span data-test-id="search-form__item-type-option-video-template-sub" class="search-form__item-type-option" data-action="click->search--form#itemTypeChange" data-type="video_templates_final_cut_pro"> Final Cut Pro </span> </div> </div> <div class="search-form__input-wrapper"> <input data-test-id="search-form__input" type="search" name="s" value="Transitions" placeholder="Search" class="search-form__input" data-search--form-target="input" aria-label="Enter Search Text" data-action="keyup->search--form#handleAutocomplete" autocomplete="off"> <button type="submit" class="search-form__button-submit" aria-label="Search"> <svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 26' class="search-form__submit-icon" > <path d='M24 24.21l-6.133-6.134M10.857 20.924c5.444 0 9.857-4.413 9.857-9.857 0-5.444-4.413-9.857-9.857-9.857C5.413 1.21 1 5.623 1 11.067c0 5.444 4.413 9.857 9.857 9.857z' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' /> </svg> </button> <button type="button" class="search-form__button-clear" aria-label="Clear" data-action="click->search--form#clearSearchTerms"> <svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 26' class="search-form__clear-icon" > <path d='M16.675 0H18.921V23.582H16.675z' transform='rotate(45 16.675 0)' /> <path d='M0 1.588H2.246V25.17H0z' transform='rotate(-45 0 1.588)' /> </svg> </button> <div class="search-form__autocomplete-results" data-search--form-target="autocompleteResults"></div> <template data-search--form-target="autocompleteButton"> <button class="search-form__autocomplete-result" type="button" data-action="click->search--form#clickAutocompleteResult mouseenter->search--form#hoverAutocompleteResult"></button> </template> </div> </form> </div> <button class="global-header__menu-toggle" data-action="click->global--header#toggleMobileMenu" aria-label='Toggle Navigation' data-analytics-click-label> <span class="global-header__menu-toggle-line"></span> </button> <nav class="global-header__navigation"> <a data-test-id="global-header__video-link" data-analytics-element-id="Video" class="global-header__navigation-link" href="/free-stock-video/">Video</a> <a data-test-id="global-header__music-link" data-analytics-element-id="Music" class="global-header__navigation-link" href="/free-stock-music/">Music</a> <a data-test-id="global-header__sfx-link" data-analytics-element-id="Sound Effects" class="global-header__navigation-link" href="/free-sound-effects/">Sound Effects</a> <div class="global-header__navigation-dropdown"> <a data-test-id="global-header__video-templates-link" data-analytics-element-id="Templates" class="global-header__navigation-link global-header__navigation-link--current" href="/free-video-templates/">Templates</a> <div class="global-header__navigation-dropdown-items"> <a data-test-id="global-header__video-templates-premiere-pro-link" data-analytics-element-id="Premiere Pro" class="global-header__navigation-link" href="/free-premiere-pro-templates/">Premiere Pro</a> <a data-test-id="global-header__video-templates-after-effects-link" data-analytics-element-id="After Effects" class="global-header__navigation-link" href="/free-after-effects-templates/">After Effects</a> <a data-test-id="global-header__video-templates-final-cut-pro-link" data-analytics-element-id="Final Cut Pro" class="global-header__navigation-link global-header__navigation-link--current" href="/free-final-cut-pro-templates/">Final Cut Pro</a> <a data-test-id="global-header__video-templates-davinci-resolve-link" data-analytics-element-id="DaVinci Resolve" class="global-header__navigation-link" href="/free-davinci-resolve-templates/">DaVinci Resolve</a> </div> </div> <a data-test-id="global-header__blog-link" data-analytics-element-id="Blog" class="global-header__navigation-link global-header__navigation-link--blog" href="/blog/">Blog</a> <div class="global-header__elements" data-analytics-context-detail="global nav elements dropdown"> <a rel="noopener" target="_blank" href="https://elements.envato.com/all-items?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_nav_switcher_31JULY2024" class="global-header__navigation-link" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" > Unlimited Downloads <span class="global-header__elements-external-icon"></span> </a> <a rel="noopener" target="_blank" href="https://elements.envato.com/all-items?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_nav_switcher_31JULY2024" class="global-header__elements-dropdown" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" > <div class="global-header__elements-dropdown__left-panel"> <img class="global-header__elements-dropdown__left-panel-logo" alt="Envato Elements" src="https://assets.mixkit.co/build/Full-Colour_Dark_Small-Use_Horizontal-7baf18bb8bd33208e02137c97271b19514752665fc6701f0e1dba7956c847c11.svg" /> <div> <p class="global-header__elements-dropdown__title"> The unlimited creative subscription </p> <div class="global-header__elements-dropdown__selling-points-wrapper"> <ul class="selling-point-list global-header__elements-dropdown__selling-points"> <li class="selling-point-list__point selling-point-list__point--download-icon"> Unlimited downloads </li> <li class="selling-point-list__point selling-point-list__point--medal-icon"> Millions of premium assets </li> <li class="selling-point-list__point selling-point-list__point--checked-icon"> Lifetime commercial licence </li> </ul> </div> </div> <span class="global-header__elements-dropdown__cta"> Let's create </span> </div> <div class="global-header__elements-dropdown__right-panel"> <img alt="Mixkit icon." class="global-header__elements-dropdown__img" src="https://assets.mixkit.co/build/mixkit-banner-6-cards-baceeb75accc188be90f16e1afde5d4b52f4072d0fec2b3da513a980ce981f3a.png"/> </div> </a> </div> </nav> </div> <div data-test-id="global-navigation--video-template" class="global-navigation global-navigation--video-template" data-controller="global--sub-navigation--sub-navigation" data-action="resize@window->global--sub-navigation--sub-navigation#layout" id="global-navigation" data-analytics-context="sub navigation"> <nav class="global-navigation__inner" data-global--sub-navigation--sub-navigation-target="nav"> <div class="global-navigation__logo-wrapper"> <img class="global-navigation__logo" src="https://assets.mixkit.co/build/video-templates/icon-final-cut-pro-5d59d68ca91458ab4a6ec8255c070c95242cf1273724db43249e3443e7828dda.svg" alt="Final Cut Pro icon." width="26" height="26"> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/logo/" class="global-navigation__link"> Logo </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/promotion/" class="global-navigation__link"> Promotion </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/slideshow/" class="global-navigation__link"> Slideshow </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/transitions/" class="global-navigation__link"> Transitions </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/youtube/" class="global-navigation__link"> YouTube </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/instagram/" class="global-navigation__link"> Instagram </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/titles/" class="global-navigation__link"> Titles </a> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="link"> <a href="/free-final-cut-pro-templates/lower-thirds/" class="global-navigation__link"> Lower Thirds </a> </div> <div class="global-navigation__link-wrapper global-navigation__link-wrapper--has-children" data-global--sub-navigation--sub-navigation-target="link" data-columns="1"> <a href="#" class="global-navigation__link" data-action="click->global--sub-navigation--sub-navigation#openModal"> Tags </a> <div class="global-navigation__link-children-outer"> <div class="global-navigation__link-children-inner"> <a href="/free-final-cut-pro-templates/openers/" class="global-navigation__link"> Openers </a> <a href="/free-final-cut-pro-templates/call-outs/" class="global-navigation__link"> Call Outs </a> <a href="/free-final-cut-pro-templates/modern/" class="global-navigation__link"> Modern </a> <a href="/free-final-cut-pro-templates/line/" class="global-navigation__link"> Line </a> <a href="/free-final-cut-pro-templates/water/" class="global-navigation__link"> Water </a> <a href="/free-final-cut-pro-templates/spin/" class="global-navigation__link"> Spin </a> <a href="/free-final-cut-pro-templates/3d/" class="global-navigation__link"> 3D </a> <a href="/free-final-cut-pro-templates/arrow/" class="global-navigation__link"> Arrow </a> <a href="/free-final-cut-pro-templates/animated/" class="global-navigation__link"> Animated </a> <a href="/free-final-cut-pro-templates/kinetic/" class="global-navigation__link"> Kinetic </a> <a href="/free-final-cut-pro-templates/pivot/" class="global-navigation__link"> Pivot </a> <a href="/free-final-cut-pro-templates/shrink/" class="global-navigation__link"> Shrink </a> <a href="/free-final-cut-pro-templates/angled/" class="global-navigation__link"> Angled </a> <a href="/free-final-cut-pro-templates/circular/" class="global-navigation__link"> Circular </a> <a href="/free-final-cut-pro-templates/retro/" class="global-navigation__link"> Retro </a> <a href="/free-final-cut-pro-templates/stripes/" class="global-navigation__link"> Stripes </a> <a href="/free-final-cut-pro-templates/glitch/" class="global-navigation__link"> Glitch </a> <a href="/free-final-cut-pro-templates/digital/" class="global-navigation__link"> Digital </a> <a href="/free-final-cut-pro-templates/invert/" class="global-navigation__link"> Invert </a> <a href="/free-final-cut-pro-templates/stretch/" class="global-navigation__link"> Stretch </a> <a href="/free-final-cut-pro-templates/vanish/" class="global-navigation__link"> Vanish </a> <a href="/free-final-cut-pro-templates/zoom/" class="global-navigation__link"> Zoom </a> <a href="/free-final-cut-pro-templates/blur/" class="global-navigation__link"> Blur </a> <a href="/free-final-cut-pro-templates/distort/" class="global-navigation__link"> Distort </a> <a href="/free-final-cut-pro-templates/bounce/" class="global-navigation__link"> Bounce </a> <a href="/free-final-cut-pro-templates/split/" class="global-navigation__link"> Split </a> <a href="/free-final-cut-pro-templates/grid/" class="global-navigation__link"> Grid </a> <a href="/free-final-cut-pro-templates/interface/" class="global-navigation__link"> Interface </a> <a href="/free-final-cut-pro-templates/futuristic/" class="global-navigation__link"> Futuristic </a> <a href="/free-final-cut-pro-templates/focus-point/" class="global-navigation__link"> Focus Point </a> <a href="/free-final-cut-pro-templates/frame/" class="global-navigation__link"> Frame </a> <a href="/free-final-cut-pro-templates/twist/" class="global-navigation__link"> Twist </a> <a href="/free-final-cut-pro-templates/swipe/" class="global-navigation__link"> Swipe </a> <a href="/free-final-cut-pro-templates/bump/" class="global-navigation__link"> Bump </a> <a href="/free-final-cut-pro-templates/quick/" class="global-navigation__link"> Quick </a> <a href="/free-final-cut-pro-templates/simple/" class="global-navigation__link"> Simple </a> <a href="/free-final-cut-pro-templates/focus/" class="global-navigation__link"> Focus </a> <a href="/free-final-cut-pro-templates/ink/" class="global-navigation__link"> Ink </a> <a href="/free-final-cut-pro-templates/liquid/" class="global-navigation__link"> Liquid </a> <a href="/free-final-cut-pro-templates/splash/" class="global-navigation__link"> Splash </a> <a href="/free-final-cut-pro-templates/business/" class="global-navigation__link"> Business </a> <a href="/free-final-cut-pro-templates/headline/" class="global-navigation__link"> Headline </a> <a href="/free-final-cut-pro-templates/creative/" class="global-navigation__link"> Creative </a> <a href="/free-final-cut-pro-templates/elegant/" class="global-navigation__link"> Elegant </a> <a href="/free-final-cut-pro-templates/fashion/" class="global-navigation__link"> Fashion </a> <a href="/free-final-cut-pro-templates/title/" class="global-navigation__link"> Title </a> <a href="/free-final-cut-pro-templates/news/" class="global-navigation__link"> News </a> <a href="/free-final-cut-pro-templates/tabloid/" class="global-navigation__link"> Tabloid </a> <a href="/free-final-cut-pro-templates/bold/" class="global-navigation__link"> Bold </a> <a href="/free-final-cut-pro-templates/basic/" class="global-navigation__link"> Basic </a> <a href="/free-final-cut-pro-templates/rotating/" class="global-navigation__link"> Rotating </a> <a href="/free-final-cut-pro-templates/colorful/" class="global-navigation__link"> Colorful </a> <a href="/free-final-cut-pro-templates/bright/" class="global-navigation__link"> Bright </a> <a href="/free-final-cut-pro-templates/cartoon/" class="global-navigation__link"> Cartoon </a> <a href="/free-final-cut-pro-templates/smoke/" class="global-navigation__link"> Smoke </a> <a href="/free-final-cut-pro-templates/dust/" class="global-navigation__link"> Dust </a> <a href="/free-final-cut-pro-templates/fire/" class="global-navigation__link"> Fire </a> <a href="/free-final-cut-pro-templates/shape/" class="global-navigation__link"> Shape </a> <a href="/free-final-cut-pro-templates/burn/" class="global-navigation__link"> Burn </a> <a href="/free-final-cut-pro-templates/social/" class="global-navigation__link"> Social </a> <a href="/free-final-cut-pro-templates/vintage/" class="global-navigation__link"> Vintage </a> <a href="/free-final-cut-pro-templates/story/" class="global-navigation__link"> Story </a> <a href="/free-final-cut-pro-templates/subscribe/" class="global-navigation__link"> Subscribe </a> <a href="/free-final-cut-pro-templates/overlay/" class="global-navigation__link"> Overlay </a> <a href="/free-final-cut-pro-templates/interference/" class="global-navigation__link"> Interference </a> <a href="/free-final-cut-pro-templates/neon/" class="global-navigation__link"> Neon </a> <a href="/free-final-cut-pro-templates/advertisement/" class="global-navigation__link"> Advertisement </a> <a href="/free-final-cut-pro-templates/grunge/" class="global-navigation__link"> Grunge </a> <a href="/free-final-cut-pro-templates/decay/" class="global-navigation__link"> Decay </a> <a href="/free-final-cut-pro-templates/shop/" class="global-navigation__link"> Shop </a> <a href="/free-final-cut-pro-templates/filter/" class="global-navigation__link"> Filter </a> <a href="/free-final-cut-pro-templates/photography/" class="global-navigation__link"> Photography </a> <a href="/free-final-cut-pro-templates/play/" class="global-navigation__link"> Play </a> <a href="/free-final-cut-pro-templates/gradient/" class="global-navigation__link"> Gradient </a> <a href="/free-final-cut-pro-templates/christmas/" class="global-navigation__link"> Christmas </a> <a href="/free-final-cut-pro-templates/festive/" class="global-navigation__link"> Festive </a> <a href="/free-final-cut-pro-templates/bokeh/" class="global-navigation__link"> Bokeh </a> <a href="/free-final-cut-pro-templates/fabric/" class="global-navigation__link"> Fabric </a> <a href="/free-final-cut-pro-templates/wedding/" class="global-navigation__link"> Wedding </a> <a href="/free-final-cut-pro-templates/paper/" class="global-navigation__link"> Paper </a> <a href="/free-final-cut-pro-templates/golden/" class="global-navigation__link"> Golden </a> <a href="/free-final-cut-pro-templates/cinematic/" class="global-navigation__link"> Cinematic </a> <a href="/free-final-cut-pro-templates/swirl/" class="global-navigation__link"> Swirl </a> <a href="/free-final-cut-pro-templates/flare/" class="global-navigation__link"> Flare </a> <a href="/free-final-cut-pro-templates/nature/" class="global-navigation__link"> Nature </a> <a href="/free-final-cut-pro-templates/leaf/" class="global-navigation__link"> Leaf </a> <a href="/free-final-cut-pro-templates/particle/" class="global-navigation__link"> Particle </a> <a href="/free-final-cut-pro-templates/explosion/" class="global-navigation__link"> Explosion </a> <a href="/free-final-cut-pro-templates/love/" class="global-navigation__link"> Love </a> <a href="/free-final-cut-pro-templates/romantic/" class="global-navigation__link"> Romantic </a> <a href="/free-final-cut-pro-templates/heart/" class="global-navigation__link"> Heart </a> <a href="/free-final-cut-pro-templates/birthday/" class="global-navigation__link"> Birthday </a> <a href="/free-final-cut-pro-templates/confetti/" class="global-navigation__link"> Confetti </a> <a href="/free-final-cut-pro-templates/magic/" class="global-navigation__link"> Magic </a> <a href="/free-final-cut-pro-templates/snow/" class="global-navigation__link"> Snow </a> <a href="/free-final-cut-pro-templates/scroll/" class="global-navigation__link"> Scroll </a> <a href="/free-final-cut-pro-templates/typing/" class="global-navigation__link"> Typing </a> <a href="/free-final-cut-pro-templates/credits/" class="global-navigation__link"> Credits </a> <a href="/free-final-cut-pro-templates/film/" class="global-navigation__link"> Film </a> <a href="/free-final-cut-pro-templates/fade/" class="global-navigation__link"> Fade </a> <a href="/free-final-cut-pro-templates/warp/" class="global-navigation__link"> Warp </a> <a href="/free-final-cut-pro-templates/fast/" class="global-navigation__link"> Fast </a> <a href="/free-final-cut-pro-templates/grow/" class="global-navigation__link"> Grow </a> <a href="/free-final-cut-pro-templates/motion-blur/" class="global-navigation__link"> Motion Blur </a> <a href="/free-final-cut-pro-templates/audio-visualizer/" class="global-navigation__link"> Audio Visualizer </a> <a href="/free-final-cut-pro-templates/lens-flare/" class="global-navigation__link"> Lens Flare </a> <a href="/free-final-cut-pro-templates/mirror/" class="global-navigation__link"> Mirror </a> <a href="/free-final-cut-pro-templates/chat/" class="global-navigation__link"> Chat </a> <a href="/free-final-cut-pro-templates/messenger/" class="global-navigation__link"> Messenger </a> <a href="/free-final-cut-pro-templates/smartphone/" class="global-navigation__link"> Smartphone </a> <a href="/free-final-cut-pro-templates/support/" class="global-navigation__link"> Support </a> <a href="/free-final-cut-pro-templates/mask/" class="global-navigation__link"> Mask </a> <a href="/free-final-cut-pro-templates/video/" class="global-navigation__link"> Video </a> <a href="/free-final-cut-pro-templates/border/" class="global-navigation__link"> Border </a> <a href="/free-final-cut-pro-templates/music/" class="global-navigation__link"> Music </a> <a href="/free-final-cut-pro-templates/dance/" class="global-navigation__link"> Dance </a> <a href="/free-final-cut-pro-templates/event/" class="global-navigation__link"> Event </a> <a href="/free-final-cut-pro-templates/fitness/" class="global-navigation__link"> Fitness </a> <a href="/free-final-cut-pro-templates/gym/" class="global-navigation__link"> Gym </a> <a href="/free-final-cut-pro-templates/exercise/" class="global-navigation__link"> Exercise </a> <a href="/free-final-cut-pro-templates/ribbon/" class="global-navigation__link"> Ribbon </a> <a href="/free-final-cut-pro-templates/holiday/" class="global-navigation__link"> Holiday </a> <a href="/free-final-cut-pro-templates/celebration/" class="global-navigation__link"> Celebration </a> <a href="/free-final-cut-pro-templates/reveal/" class="global-navigation__link"> Reveal </a> <a href="/free-final-cut-pro-templates/wheel/" class="global-navigation__link"> Wheel </a> <a href="/free-final-cut-pro-templates/light-leak/" class="global-navigation__link"> Light Leak </a> <a href="/free-final-cut-pro-templates/electric/" class="global-navigation__link"> Electric </a> <a href="/free-final-cut-pro-templates/box/" class="global-navigation__link"> Box </a> <a href="/free-final-cut-pro-templates/slow/" class="global-navigation__link"> Slow </a> <a href="/free-final-cut-pro-templates/spark/" class="global-navigation__link"> Spark </a> <a href="/free-final-cut-pro-templates/fracture/" class="global-navigation__link"> Fracture </a> <a href="/free-final-cut-pro-templates/corporate/" class="global-navigation__link"> Corporate </a> <a href="/free-final-cut-pro-templates/clean/" class="global-navigation__link"> Clean </a> <a href="/free-final-cut-pro-templates/gaming/" class="global-navigation__link"> Gaming </a> <a href="/free-final-cut-pro-templates/video-games/" class="global-navigation__link"> Video Games </a> <a href="/free-final-cut-pro-templates/gamer/" class="global-navigation__link"> Gamer </a> <a href="/free-final-cut-pro-templates/stylish/" class="global-navigation__link"> Stylish </a> <a href="/free-final-cut-pro-templates/radial/" class="global-navigation__link"> Radial </a> <a href="/free-final-cut-pro-templates/drawing/" class="global-navigation__link"> Drawing </a> <a href="/free-final-cut-pro-templates/drop/" class="global-navigation__link"> Drop </a> <a href="/free-final-cut-pro-templates/hud/" class="global-navigation__link"> HUD </a> <a href="/free-final-cut-pro-templates/button/" class="global-navigation__link"> Button </a> <a href="/free-final-cut-pro-templates/minimal/" class="global-navigation__link"> Minimal </a> <a href="/free-final-cut-pro-templates/banner/" class="global-navigation__link"> Banner </a> <a href="/free-final-cut-pro-templates/letterbox/" class="global-navigation__link"> Letterbox </a> <a href="/free-final-cut-pro-templates/text-field/" class="global-navigation__link"> Text Field </a> <a href="/free-final-cut-pro-templates/hamburger-menu/" class="global-navigation__link"> Hamburger Menu </a> <a href="/free-final-cut-pro-templates/slide/" class="global-navigation__link"> Slide </a> <a href="/free-final-cut-pro-templates/static/" class="global-navigation__link"> Static </a> <a href="/free-final-cut-pro-templates/solid/" class="global-navigation__link"> Solid </a> <a href="/free-final-cut-pro-templates/glass/" class="global-navigation__link"> Glass </a> <a href="/free-final-cut-pro-templates/polaroid/" class="global-navigation__link"> Polaroid </a> <a href="/free-final-cut-pro-templates/down/" class="global-navigation__link"> Down </a> <a href="/free-final-cut-pro-templates/right/" class="global-navigation__link"> Right </a> <a href="/free-final-cut-pro-templates/destructive/" class="global-navigation__link"> Destructive </a> <a href="/free-final-cut-pro-templates/up/" class="global-navigation__link"> Up </a> <a href="/free-final-cut-pro-templates/blinds/" class="global-navigation__link"> Blinds </a> <a href="/free-final-cut-pro-templates/rough/" class="global-navigation__link"> Rough </a> <a href="/free-final-cut-pro-templates/wave/" class="global-navigation__link"> Wave </a> <a href="/free-final-cut-pro-templates/spill/" class="global-navigation__link"> Spill </a> <a href="/free-final-cut-pro-templates/square/" class="global-navigation__link"> Square </a> <a href="/free-final-cut-pro-templates/round/" class="global-navigation__link"> Round </a> <a href="/free-final-cut-pro-templates/glow/" class="global-navigation__link"> Glow </a> <a href="/free-final-cut-pro-templates/intro/" class="global-navigation__link"> Intro </a> <a href="/free-final-cut-pro-templates/pixelated/" class="global-navigation__link"> Pixelated </a> <a href="/free-final-cut-pro-templates/retail/" class="global-navigation__link"> Retail </a> <a href="/free-final-cut-pro-templates/food/" class="global-navigation__link"> Food </a> <a href="/free-final-cut-pro-templates/rolling/" class="global-navigation__link"> Rolling </a> <a href="/free-final-cut-pro-templates/pointer/" class="global-navigation__link"> Pointer </a> <a href="/free-final-cut-pro-templates/bar/" class="global-navigation__link"> Bar </a> <a href="/free-final-cut-pro-templates/progress-bar/" class="global-navigation__link"> Progress Bar </a> <a href="/free-final-cut-pro-templates/long/" class="global-navigation__link"> Long </a> <a href="/free-final-cut-pro-templates/branding/" class="global-navigation__link"> Branding </a> <a href="/free-final-cut-pro-templates/fill/" class="global-navigation__link"> Fill </a> <a href="/free-final-cut-pro-templates/channel/" class="global-navigation__link"> Channel </a> <a href="/free-final-cut-pro-templates/click/" class="global-navigation__link"> Click </a> <a href="/free-final-cut-pro-templates/notification-bell/" class="global-navigation__link"> Notification Bell </a> <a href="/free-final-cut-pro-templates/mouse/" class="global-navigation__link"> Mouse </a> <a href="/free-final-cut-pro-templates/heading/" class="global-navigation__link"> Heading </a> <a href="/free-final-cut-pro-templates/icon/" class="global-navigation__link"> Icon </a> <a href="/free-final-cut-pro-templates/splash/" class="global-navigation__link"> Splash </a> <a href="/free-final-cut-pro-templates/broadcaster/" class="global-navigation__link"> Broadcaster </a> <a href="/free-final-cut-pro-templates/brush/" class="global-navigation__link"> Brush </a> <a href="/free-final-cut-pro-templates/stroke/" class="global-navigation__link"> Stroke </a> <a href="/free-final-cut-pro-templates/painter/" class="global-navigation__link"> Painter </a> <a href="/free-final-cut-pro-templates/flash/" class="global-navigation__link"> Flash </a> <a href="/free-final-cut-pro-templates/graphics/" class="global-navigation__link"> Graphics </a> <a href="/free-final-cut-pro-templates/catch/" class="global-navigation__link"> Catch </a> <a href="/free-final-cut-pro-templates/rewind/" class="global-navigation__link"> Rewind </a> <a href="/free-final-cut-pro-templates/dot/" class="global-navigation__link"> Dot </a> <a href="/free-final-cut-pro-templates/reading/" class="global-navigation__link"> Reading </a> <a href="/free-final-cut-pro-templates/vertical/" class="global-navigation__link"> Vertical </a> <a href="/free-final-cut-pro-templates/dark/" class="global-navigation__link"> Dark </a> <a href="/free-final-cut-pro-templates/location/" class="global-navigation__link"> Location </a> <a href="/free-final-cut-pro-templates/end-screen/" class="global-navigation__link"> End Screen </a> <a href="/free-final-cut-pro-templates/wet/" class="global-navigation__link"> Wet </a> <a href="/free-final-cut-pro-templates/spiral/" class="global-navigation__link"> Spiral </a> <a href="/free-final-cut-pro-templates/shadow/" class="global-navigation__link"> Shadow </a> <a href="/free-final-cut-pro-templates/float/" class="global-navigation__link"> Float </a> <a href="/free-final-cut-pro-templates/balloon/" class="global-navigation__link"> Balloon </a> <a href="/free-final-cut-pro-templates/club/" class="global-navigation__link"> Club </a> <a href="/free-final-cut-pro-templates/cube/" class="global-navigation__link"> Cube </a> <a href="/free-final-cut-pro-templates/horizontal/" class="global-navigation__link"> Horizontal </a> <a href="/free-final-cut-pro-templates/smooth/" class="global-navigation__link"> Smooth </a> <a href="/free-final-cut-pro-templates/pull/" class="global-navigation__link"> Pull </a> <a href="/free-final-cut-pro-templates/graffiti/" class="global-navigation__link"> Graffiti </a> <a href="/free-final-cut-pro-templates/travel/" class="global-navigation__link"> Travel </a> <a href="/free-final-cut-pro-templates/elastic/" class="global-navigation__link"> Elastic </a> <a href="/free-final-cut-pro-templates/company/" class="global-navigation__link"> Company </a> <a href="/free-final-cut-pro-templates/utility/" class="global-navigation__link"> Utility </a> <a href="/free-final-cut-pro-templates/tech/" class="global-navigation__link"> Tech </a> <a href="/free-final-cut-pro-templates/tagline/" class="global-navigation__link"> tagline </a> <a href="/free-final-cut-pro-templates/movie/" class="global-navigation__link"> Movie </a> <a href="/free-final-cut-pro-templates/countdown/" class="global-navigation__link"> Countdown </a> <a href="/free-final-cut-pro-templates/hard/" class="global-navigation__link"> Hard </a> <a href="/free-final-cut-pro-templates/recipe/" class="global-navigation__link"> Recipe </a> <a href="/free-final-cut-pro-templates/facebook/" class="global-navigation__link"> Facebook </a> <a href="/free-final-cut-pro-templates/streaming/" class="global-navigation__link"> Streaming </a> <a href="/free-final-cut-pro-templates/vhs/" class="global-navigation__link"> VHS </a> <a href="/free-final-cut-pro-templates/documentary/" class="global-navigation__link"> Documentary </a> <a href="/free-final-cut-pro-templates/product/" class="global-navigation__link"> Product </a> <a href="/free-final-cut-pro-templates/promo/" class="global-navigation__link"> Promo </a> <a href="/free-final-cut-pro-templates/card/" class="global-navigation__link"> Card </a> <a href="/free-final-cut-pro-templates/flip/" class="global-navigation__link"> Flip </a> <a href="/free-final-cut-pro-templates/sound/" class="global-navigation__link"> Sound </a> <a href="/free-final-cut-pro-templates/song/" class="global-navigation__link"> Song </a> <a href="/free-final-cut-pro-templates/sport/" class="global-navigation__link"> Sport </a> <a href="/free-final-cut-pro-templates/football/" class="global-navigation__link"> Football </a> <a href="/free-final-cut-pro-templates/soccer/" class="global-navigation__link"> Soccer </a> <a href="/free-final-cut-pro-templates/popping/" class="global-navigation__link"> Popping </a> <a href="/free-final-cut-pro-templates/vibrant/" class="global-navigation__link"> Vibrant </a> <a href="/free-final-cut-pro-templates/beautiful/" class="global-navigation__link"> Beautiful </a> <a href="/free-final-cut-pro-templates/image/" class="global-navigation__link"> Image </a> <a href="/free-final-cut-pro-templates/team/" class="global-navigation__link"> Team </a> <a href="/free-final-cut-pro-templates/esports/" class="global-navigation__link"> Esports </a> <a href="/free-final-cut-pro-templates/photographer/" class="global-navigation__link"> Photographer </a> <a href="/free-final-cut-pro-templates/outro/" class="global-navigation__link"> Outro </a> <a href="/free-final-cut-pro-templates/media/" class="global-navigation__link"> Media </a> <a href="/free-final-cut-pro-templates/fireworks/" class="global-navigation__link"> Fireworks </a> <a href="/free-final-cut-pro-templates/special/" class="global-navigation__link"> Special </a> <a href="/free-final-cut-pro-templates/invitation/" class="global-navigation__link"> Invitation </a> <a href="/free-final-cut-pro-templates/simple-invitation/" class="global-navigation__link"> Simple Invitation </a> <a href="/free-final-cut-pro-templates/clouds/" class="global-navigation__link"> Clouds </a> <a href="/free-final-cut-pro-templates/italic/" class="global-navigation__link"> Italic </a> <a href="/free-final-cut-pro-templates/controller/" class="global-navigation__link"> Controller </a> <a href="/free-final-cut-pro-templates/like/" class="global-navigation__link"> Like </a> <a href="/free-final-cut-pro-templates/follow/" class="global-navigation__link"> Follow </a> <a href="/free-final-cut-pro-templates/book/" class="global-navigation__link"> Book </a> <a href="/free-final-cut-pro-templates/xmus/" class="global-navigation__link"> Xmus </a> <a href="/free-final-cut-pro-templates/new-year/" class="global-navigation__link"> New Year </a> <a href="/free-final-cut-pro-templates/timer/" class="global-navigation__link"> Timer </a> <a href="/free-final-cut-pro-templates/avatar/" class="global-navigation__link"> Avatar </a> <a href="/free-final-cut-pro-templates/photos/" class="global-navigation__link"> Photos </a> <a href="/free-final-cut-pro-templates/fresh/" class="global-navigation__link"> Fresh </a> <a href="/free-final-cut-pro-templates/horror/" class="global-navigation__link"> Horror </a> <a href="/free-final-cut-pro-templates/prompt/" class="global-navigation__link"> Prompt </a> <a href="/free-final-cut-pro-templates/vacation/" class="global-navigation__link"> Vacation </a> <a href="/free-final-cut-pro-templates/background/" class="global-navigation__link"> Background </a> <a href="/free-final-cut-pro-templates/winter/" class="global-navigation__link"> Winter </a> <a href="/free-final-cut-pro-templates/target/" class="global-navigation__link"> Target </a> <a href="/free-final-cut-pro-templates/customer-service/" class="global-navigation__link"> Customer Service </a> <a href="/free-final-cut-pro-templates/phone-number/" class="global-navigation__link"> Phone Number </a> <a href="/free-final-cut-pro-templates/2021/" class="global-navigation__link"> 2021 </a> <a href="/free-final-cut-pro-templates/mogrt/" class="global-navigation__link"> Mogrt </a> <a href="/free-final-cut-pro-templates/text/" class="global-navigation__link"> Text </a> <a href="/free-final-cut-pro-templates/background/" class="global-navigation__link"> Background </a> <a href="/free-final-cut-pro-templates/splash/" class="global-navigation__link"> Splash </a> <a href="/free-final-cut-pro-templates/text-animation/" class="global-navigation__link"> Text Animation </a> <a href="/free-final-cut-pro-templates/intro/" class="global-navigation__link"> Intro </a> <a href="/free-final-cut-pro-templates/social-media/" class="global-navigation__link"> Social Media </a> <a href="/free-final-cut-pro-templates/message/" class="global-navigation__link"> Message </a> <a href="/free-final-cut-pro-templates/project/" class="global-navigation__link"> Project </a> </div> </div> </div> <div class="global-navigation__link-wrapper" data-global--sub-navigation--sub-navigation-target="more" data-columns="0" data-dropdown-direction="left"> <span class="global-navigation__link">More</span> <div class="global-navigation__link-children-outer"> <div class="global-navigation__link-children-inner" data-global--sub-navigation--sub-navigation-target="moreLinks"> </div> </div> </div> </nav> <template data-global--sub-navigation--sub-navigation-target="template"> <div class="global-navigation__modal" data-analytics-context="sub navigation"> <button class="global-navigation__modal-close-button"></button> </div> </template> </div> </div> <div class="breadcrumbs__wrapper" data-analytics-context="breadcrumbs"> <a class="breadcrumbs__item breadcrumbs__item--link" data-test-id="breadcrumbs__item--0" data-analytics-element-id="level-0" data-analytics-element-label="Mixkit" href="/">Mixkit</a> <a class="breadcrumbs__item breadcrumbs__item--link" data-test-id="breadcrumbs__item--1" data-analytics-element-id="level-1" data-analytics-element-label="Templates" href="https://mixkit.co/free-video-templates/">Templates</a> <a class="breadcrumbs__item breadcrumbs__item--link" data-test-id="breadcrumbs__item--2" data-analytics-element-id="level-2" data-analytics-element-label="Free Final Cut Pro Templates" href="https://mixkit.co/free-final-cut-pro-templates/">Free Final Cut Pro Templates</a> <span class="breadcrumbs__item" data-test-id="breadcrumbs__item--3"> Transitions </span> </div> <div data-analytics-context="hero"> <div class="hero-video-template-search-results__inner"> <h1 class="hero-video-template-search-results__title" data-test-id="hero-video-template-search-results-title"> Transitions Templates for Final Cut Pro </h1> <div data-controller="read-more" data-read-more-truncated-class="read-more--truncated" data-read-more-expanded-class="read-more--expanded"> <div class="read-more__content hero-video-template-search-results__description" data-read-more-target="content"> 18 Free Final Cut Pro Templates for Transitions. Slide, zoom or spin smoothly between scenes with our range of free Final Cut Pro transition templates. Pick from the collection and move your viewers through frames effortlessly in your next video project. All of our Final Cut Pro Templates are free to download and ready to use in your next video project, under the <a href="/license/#videoTemplateFree" data-controller="license--modal" data-action="click->license--modal#open" data-license="videoTemplateFree">Mixkit License</a>. </div> <button class="read-more__button " data-action="click->read-more#expand">Read more</button> </div> </div> </div> <div class="item-grid__ordering" data-playing-item-id="" data-loading-item-id=""> <div class="item-grid__wrapper"> <div class="item-grid__items" data-test-id="item-grid-items" data-analytics-context="item grid" > <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="667" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/667/thumbnails/preview-0004.jpg" class="item-grid-video-player__thumb" alt="Zoom Backwards Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/667/mixkit-667-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/zoom-backwards-transition-667/" class="item-grid-video-player__overlay-link"> Zoom Backwards Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/zoom-backwards-transition-667/">Zoom Backwards Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A subtle change in direction as the frame zooms backwards.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/motion-blur/">Motion Blur</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/zoom/">Zoom</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="668" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/668/thumbnails/preview-0003.jpg" class="item-grid-video-player__thumb" alt="Color Distortion Glitch." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/668/mixkit-668-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/color-distortion-glitch-668/" class="item-grid-video-player__overlay-link"> Color Distortion Glitch </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/color-distortion-glitch-668/">Color Distortion Glitch</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A creative glitch effect with distortion as the clips transition.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/distort/">Distort</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/fracture/">Fracture</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/glitch/">Glitch</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="732" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/732/thumbnails/preview-0003.jpg" class="item-grid-video-player__thumb" alt="Grid Fade And Flare Slideshow." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/732/mixkit-732-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/grid-fade-and-flare-slideshow-732/" class="item-grid-video-player__overlay-link"> Grid Fade And Flare Slideshow </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/grid-fade-and-flare-slideshow-732/">Grid Fade And Flare Slideshow</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A grid fade transition with spiral shape overlays and lens flares.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/grid/">Grid</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/spiral/">Spiral</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/simple/">Simple</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/lens-flare/">Lens Flare</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/fade/">Fade</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/travel/">Travel</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/slideshow/">Slideshow</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="729" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/729/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Modern Flare Promo." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/729/mixkit-729-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/modern-flare-promo-729/" class="item-grid-video-player__overlay-link"> Modern Flare Promo </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/modern-flare-promo-729/">Modern Flare Promo</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A modern promotional slideshow, with shape effects. Lens flares and clean transitions.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/promotion/">Promotion</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/clean/">Clean</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/lens-flare/">Lens Flare</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/modern/">Modern</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="664" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/664/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Sliding Square Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/664/mixkit-664-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/sliding-square-transition-664/" class="item-grid-video-player__overlay-link"> Sliding Square Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/sliding-square-transition-664/">Sliding Square Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A right facing transition of squares with a blurred border.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/right/">Right</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/slide/">Slide</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/blur/">Blur</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="666" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/666/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Fading Frame Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/666/mixkit-666-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/fading-frame-transition-666/" class="item-grid-video-player__overlay-link"> Fading Frame Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/fading-frame-transition-666/">Fading Frame Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A simple fading frame effect between video clips.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/frame/">Frame</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/blur/">Blur</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/fade/">Fade</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="653" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/653/thumbnails/preview-0004.jpg" class="item-grid-video-player__thumb" alt="Boxed Shape Logo Reveal." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/653/mixkit-653-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/boxed-shape-logo-reveal-653/" class="item-grid-video-player__overlay-link"> Boxed Shape Logo Reveal </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/boxed-shape-logo-reveal-653/">Boxed Shape Logo Reveal</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">Full screen transition followed by a boxed heading transition.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/logo/">Logo</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/box/">Box</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/animated/">Animated</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="734" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/734/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Balloon Shape Slideshow." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/734/mixkit-734-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/balloon-shape-slideshow-734/" class="item-grid-video-player__overlay-link"> Balloon Shape Slideshow </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/balloon-shape-slideshow-734/">Balloon Shape Slideshow</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A simple slideshow with balloon shape layers, video masks and animated borders.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/birthday/">Birthday</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/border/">Border</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/balloon/">Balloon</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/video/">Video</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/slideshow/">Slideshow</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="669" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/669/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Color Splash Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/669/mixkit-669-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/color-splash-transition-669/" class="item-grid-video-player__overlay-link"> Color Splash Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/color-splash-transition-669/">Color Splash Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">Shape layer transition splashing from the top to bottom of the frame.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/colorful/">Colorful</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/shape/">Shape</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/splash/">Splash</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="665" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/665/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Letterbox Bar Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/665/mixkit-665-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/letterbox-bar-transition-665/" class="item-grid-video-player__overlay-link"> Letterbox Bar Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/letterbox-bar-transition-665/">Letterbox Bar Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A letterbox style transition with an animated intro.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/letterbox/">Letterbox</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/intro/">Intro</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/bar/">Bar</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="755" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/755/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Simple Opener Transition." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/755/mixkit-755-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/simple-opener-transition-755/" class="item-grid-video-player__overlay-link"> Simple Opener Transition </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/simple-opener-transition-755/">Simple Opener Transition</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A simple opener with split frames, filter masks and a logo finish.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/frame/">Frame</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/film/">Film</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/mask/">Mask</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/split/">Split</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/filter/">Filter</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="728" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/728/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Light Leak Motion Opener." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/728/mixkit-728-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/light-leak-motion-opener-728/" class="item-grid-video-player__overlay-link"> Light Leak Motion Opener </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/light-leak-motion-opener-728/">Light Leak Motion Opener</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A quick light leak into featuring multiple headings, motion transitions and a logo reveal.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/motion-blur/">Motion Blur</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/openers/">Openers</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/bright/">Bright</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/light-leak/">Light Leak</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/d-intro/">D-Intro</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/shape/">Shape</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/logo/">Logo</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="727" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/727/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Wet Ink Opener." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/727/mixkit-727-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/wet-ink-opener-727/" class="item-grid-video-player__overlay-link"> Wet Ink Opener </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/wet-ink-opener-727/">Wet Ink Opener</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">Multiple wet ink transitions over video layers, leading to a logo reveal.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/ink/">Ink</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/openers/">Openers</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/water/">Water</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/creative/">Creative</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/d-intro/">D-Intro</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/logo/">Logo</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/wet/">Wet</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="730" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/730/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="Pixel Grid Glitch Promo." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/730/mixkit-730-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/pixel-grid-glitch-promo-730/" class="item-grid-video-player__overlay-link"> Pixel Grid Glitch Promo </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/pixel-grid-glitch-promo-730/">Pixel Grid Glitch Promo</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A pixel distortion effect with shape layers and sliding transitions.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/pixelated/">Pixelated</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/promotion/">Promotion</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/slide/">Slide</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/distort/">Distort</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/shape/">Shape</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="731" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/731/thumbnails/preview-0002.jpg" class="item-grid-video-player__thumb" alt="App Shape Promo." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/731/mixkit-731-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/app-shape-promo-731/" class="item-grid-video-player__overlay-link"> App Shape Promo </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/app-shape-promo-731/">App Shape Promo</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A clean and minimal app design promo with smart phone shapes, gradients and smooth transitions.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/smartphone/">Smartphone</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/promotion/">Promotion</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/clean/">Clean</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/minimal/">Minimal</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/gradient/">Gradient</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="662" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/662/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Slide Heading And Taglines." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/662/mixkit-662-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/slide-heading-and-taglines-662/" class="item-grid-video-player__overlay-link"> Slide Heading And Taglines </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/slide-heading-and-taglines-662/">Slide Heading And Taglines</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">Animated slide transition with a bold heading and multiple taglines.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/bold/">Bold</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/heading/">Heading</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/title/">Title</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/titles/">Titles</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="754" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/754/thumbnails/preview-0003.jpg" class="item-grid-video-player__thumb" alt="Animated Shape Filter Opener." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/754/mixkit-754-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/animated-shape-filter-opener-754/" class="item-grid-video-player__overlay-link"> Animated Shape Filter Opener </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/animated-shape-filter-opener-754/">Animated Shape Filter Opener</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A shape transition with a filter overlay, bold heading text and a transition into a logo still.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/corporate/">Corporate</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/shape/">Shape</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/logo/">Logo</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/modern/">Modern</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/business/">Business</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="item-grid__item"> <div class="item-grid-card item-grid-video-template-preview--final-cut-pro item-grid-card--show-meta" > <div class="item-grid-video-player" data-controller="item-grid--video-player" data-action="mouseover->item-grid--video-player#mouseOver mouseout->item-grid--video-player#mouseOut" data-item-grid--video-player-item-id-value="721" data-item-grid--video-player-item-type-value="videoTemplate/Final Cut Pro" > <div class="item-grid-video-player__thumb-wrapper"> <img src="https://assets.mixkit.co/video-templates/721/thumbnails/preview-0005.jpg" class="item-grid-video-player__thumb" alt="Animated Gradient End Screen." width="460" height="259" loading="lazy"> </div> <div class="item-grid-video-player__video-wrapper"> <video src="https://assets.mixkit.co/video-templates/721/mixkit-721-360.mp4" playsinline loop muted preload="none" class="item-grid-video-player__video" data-item-grid--video-player-target="video"></video> </div> <div class="item-grid-video-player__overlay-wrapper"> <a href="/free-final-cut-pro-templates/animated-gradient-end-screen-721/" class="item-grid-video-player__overlay-link"> Animated Gradient End Screen </a> <button type="button" aria-label="View Fullscreen" class="item-grid-video-player__overlay-fullscreen" data-action="click->item-grid--video-player#fullScreen"></button> </div> </div> <div class="item-grid-card__meta"> <h2 class="item-grid-card__title"> <a href="/free-final-cut-pro-templates/animated-gradient-end-screen-721/">Animated Gradient End Screen</a> </h2> <p class="item-grid-card__sub-title">Final Cut Pro / project</p> <p class="item-grid-card__description">A quick animated transition with a gradient background and space for two featured videos.</p> <div class="item-grid-video-template-preview__tag-links-wrapper"> <div class="meta-links__wrapper" data-controller="global--meta-links" data-action="resize@window->global--meta-links#layout" data-global--meta-links-target="metaWrapper" data-global--meta-links-show-dropdown-value="false" data-global--meta-links-row-number-value="1" data-analytics-context-detail="meta links" > <div class="meta-links__links" > <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/end-screen/">End Screen</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/youtube/">YouTube</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/channel/">Channel</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/subscribe/">Subscribe</a> <a class="meta-links__link" data-global--meta-links-target="link" href="/free-final-cut-pro-templates/video/">Video</a> <div class="meta-links__links--ellipsis" data-global--meta-links-target="more"> <span class="meta-links__link meta-links__link--ellipsis"></span> <div class="meta-links__link-children-outer"> <div class="meta-links__link-children-inner" data-global--meta-links-target="moreLinks"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <turbo-frame id="banner-frame" src="/free-final-cut-pro-templates/transitions/banner-frame/?description=Create+with+unlimited+video+templates%2C+stock+video%2C+music+%26+more%2C+all+in+one+value-packed+subscription.&utm_campaign_slug=cs_final_cut_pro_search_results"> <div class="elements-video-items" data-analytics-context="pre footer" data-analytics-context-detail="related elements items - video templates" data-playing-item-id=""> <div class="elements-video-items__header"> <div class="elements-shared-header__header"> <div class="elements-shared-header__logo"> <a rel="noopener" target="_blank" href="https://elements.envato.com/video-templates?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_final_cut_pro_search_results_31JULY2024" class="" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" ><img class="elements-shared-header__logo-svg" alt="Envato Elements" loading="lazy" src="https://assets.mixkit.co/build/Full-Colour_Dark_Small-Use_Horizontal-7baf18bb8bd33208e02137c97271b19514752665fc6701f0e1dba7956c847c11.svg" /></a> </div> <div class="elements-shared-header__heading"> <p data-test-id="elements-shared-header__title" class="elements-shared-header__heading-title"> Quality artist-created Final Cut Pro templates </p> <p data-test-id="elements-shared-header__subtitle" class="elements-shared-header__heading-subtitle">Create with unlimited video templates, stock video, music & more, all in one value-packed subscription.</p> </div> <div data-test-id="elements-shared-header__cta" class="elements-shared-header__cta"> <a rel="noopener" target="_blank" href="https://elements.envato.com/video-templates?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_final_cut_pro_search_results_31JULY2024" class="elements-shared-header__cta-button" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" >Start creating now</a> </div> </div> </div> <div class="elements-video-items__inner"> <div class="elements-loader"> <div class="elements-loader__video "> <div class="elements-loader__spinner"></div> </div></div> </div> </div> </turbo-frame> </div> <div class="modal__overlay" data-controller="modal" data-modal-target="container" data-action="click->modal#close:self" data-analytics-context="modal" > <div class="modal__loading"> <svg class="modal__loading-spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="modal__loading-spinner-circle" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> <div data-modal-target="content" class="modal__content" tabindex="-1" aria-label="Modal"> </div> </div> <div class="global-footer" id="global-footer" data-analytics-context="footer"> <div class="global-footer__columns"> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--554cfab393" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--554cfab393" href="/free-stock-video/">Videos</a> <label for="global-footer-column--554cfab393" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--0" href="/free-stock-video/discover/?resolution=4k">4K Videos</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--1" href="/free-stock-video/nature/">Nature</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--2" href="/free-stock-video/lifestyle/">Lifestyle</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--3" href="/free-stock-video/business/">Business</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--4" href="/free-stock-video/animal/">Animals</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--5" href="/free-stock-video/zoom-virtual-background/">Zoom Backgrounds</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--6" href="/free-vertical-videos/">Vertical</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--554cfab393--7" href="/free-video-backgrounds/">Backgrounds</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--47dcbd834e" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--47dcbd834e" href="/free-stock-music/">Music</a> <label for="global-footer-column--47dcbd834e" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--0" href="/free-stock-music/ambient/">Ambient</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--1" href="/free-stock-music/cinematic/">Cinematic</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--2" href="/free-stock-music/corporate/">Corporate</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--3" href="/free-stock-music/drum-and-bass/">Drum & Bass</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--4" href="/free-stock-music/experimental/">Experimental</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--5" href="/free-stock-music/funk/">Funk</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--6" href="/free-stock-music/hip-hop/">Hip-Hop</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--47dcbd834e--7" href="/free-stock-music/jazz/">Jazz</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--241b98a5c9" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--241b98a5c9" href="/free-sound-effects/">Sound Effects</a> <label for="global-footer-column--241b98a5c9" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--0" href="/free-sound-effects/animals/">Animals</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--1" href="/free-sound-effects/game/">Game</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--2" href="/free-sound-effects/human/">Human</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--3" href="/free-sound-effects/instrument/">Instrument</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--4" href="/free-sound-effects/lifestyle/">Lifestyle</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--5" href="/free-sound-effects/nature/">Nature</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--6" href="/free-sound-effects/technology/">Technology</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--7" href="/free-sound-effects/transition/">Transition</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--241b98a5c9--8" href="/free-sound-effects/warfare/">Warfare</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--a48d9345de" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--a48d9345de" href="/free-premiere-pro-templates">Premiere Pro</a> <label for="global-footer-column--a48d9345de" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--0" href="/free-premiere-pro-templates/subscribe/">Subscribe</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--1" href="/free-premiere-pro-templates/instagram/">Instagram</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--2" href="/free-premiere-pro-templates/logo/">Logo</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--3" href="/free-premiere-pro-templates/lower-thirds/">Lower-thirds</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--4" href="/free-premiere-pro-templates/openers/">Opener</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--5" href="/free-premiere-pro-templates/slideshow/">Slideshows</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--6" href="/free-premiere-pro-templates/titles/">Titles</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--7" href="/free-premiere-pro-templates/transitions/">Transitions</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--a48d9345de--8" href="/free-premiere-pro-templates/youtube/">YouTube</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--569248c23e" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--569248c23e" href="/free-after-effects-templates">After Effects</a> <label for="global-footer-column--569248c23e" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--0" href="/free-after-effects-templates/audio-visualizer/">Audio visualizer</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--1" href="/free-after-effects-templates/call-outs/">Call-outs</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--2" href="/free-after-effects-templates/instagram/">Instagram</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--3" href="/free-after-effects-templates/lower-thirds/">Lower-thirds</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--4" href="/free-after-effects-templates/openers/">Opener</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--5" href="/free-after-effects-templates/slideshow/">Slideshows</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--6" href="/free-after-effects-templates/title/">Titles</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--7" href="/free-after-effects-templates/transitions/">Transitions</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--569248c23e--8" href="/free-after-effects-templates/youtube/">YouTube</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--0960dfde26" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--0960dfde26" href="/free-final-cut-pro-templates">Final Cut Pro</a> <label for="global-footer-column--0960dfde26" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--0" href="/free-final-cut-pro-templates/instagram/">Instagram</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--1" href="/free-final-cut-pro-templates/logo/">Logo</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--2" href="/free-final-cut-pro-templates/lower-thirds/">Lower-thirds</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--3" href="/free-final-cut-pro-templates/openers/">Opener</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--4" href="/free-final-cut-pro-templates/promotion/">Promotion</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--5" href="/free-final-cut-pro-templates/slideshow/">Slideshows</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--6" href="/free-final-cut-pro-templates/title/">Titles</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--7" href="/free-final-cut-pro-templates/transitions/">Transitions</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0960dfde26--8" href="/free-final-cut-pro-templates/youtube/">YouTube</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--0f4324d6a7" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--0f4324d6a7" href="/free-davinci-resolve-templates">DaVinci Resolve</a> <label for="global-footer-column--0f4324d6a7" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0f4324d6a7--0" href="/free-davinci-resolve-templates/call-outs/">Call-outs</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0f4324d6a7--1" href="/free-davinci-resolve-templates/instagram/">Instagram</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0f4324d6a7--2" href="/free-davinci-resolve-templates/lower-thirds/">Lower-thirds</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0f4324d6a7--3" href="/free-davinci-resolve-templates/titles/">Titles</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--0f4324d6a7--4" href="/free-davinci-resolve-templates/youtube/">YouTube</a> </div> </div> <div class="global-footer-link-column"> <input type="checkbox" name="global-footer-column__toggle-radio" class="global-footer-column__toggle-radio" id="global-footer-column--1ae2341190" /> <h4 class="global-footer-link-column__title-wrapper"> <a class="global-footer-link-column__title" data-test-id="global-footer-link-column__title--1ae2341190" href="/">Mixkit</a> <label for="global-footer-column--1ae2341190" class="global-footer-link-column__toggle-button"></label> </h4> <div class="global-footer-link-column__links"> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--0" href="/license/">License</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--1" href="/terms/">Terms</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--2" href="/sitemap/">Sitemap</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--3" href="https://envato.com/privacy/">Privacy</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--4" href="https://www.envato.com/cookies/">Cookies</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--5" data-controller="cookiebot" data-action="click->cookiebot#openSettings" href="javascript:void(0)">Cookie Settings</a> <a class="global-footer-link-column__link link-with-multiple-lines" data-test-id="global-footer-link-column__link--1ae2341190--6" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--7" href="/blog/">Blog</a> <a class="global-footer-link-column__link" data-test-id="global-footer-link-column__link--1ae2341190--8" href="/free-stock-art/">Art</a> </div> </div> </div> <div class="global-footer__copyright"> <div class="global-footer__column-logo"> <a href="/" data-analytics-click-label="mixkit logo"> <img class="global-footer__logo" alt="Mixkit home." title="Mixkit" src="https://assets.mixkit.co/build/mixkit-logo--black-a90b84b6ac6ad0fbd410b16466b4cb252d399b5caaf03603f36c52ffc648455c.svg" width="152" height="35" loading="lazy"/> </a> </div> <div class="global-footer__content"> <p class="global-footer__notice">Copyright © 2025. All rights reserved - Made by <a rel="noopener" target="_blank" href="https://elements.envato.com/?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_footer_31JULY2024" class="global-footer__notice-link" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" >Envato</a> </p> </div> <div class="global-footer__social"> <a class="global-footer__social-link" title="Mixkit on Twitter" target="_blank" rel="noopener noreferrer" href="https://twitter.com/mixkit_co"> <svg class="global-footer__social-icon" aria-label="Twitter" width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <path fill="#191919" d="M16 0A16 16 0 0 0 0 16c0 8.8 7.2 16 16 16s16-7.2 16-16A16 16 0 0 0 16 0zm8.1 12.7v.5c0 5-3.9 10.8-11.1 10.8a11 11 0 0 1-6-1.7l.9.1a8 8 0 0 0 4.8-1.6 3.8 3.8 0 0 1-3.6-2.6l.7.1 1-.1a3.8 3.8 0 0 1-3.1-3.7c.5.3 1.1.5 1.8.5-1-.7-1.7-1.8-1.7-3.1 0-.7.2-1.3.5-1.9 1.9 2.3 4.8 3.8 8 4l-.1-.9c0-2.1 1.7-3.8 3.9-3.8a4 4 0 0 1 2.8 1.2c.9-.2 1.7-.5 2.5-.9a4 4 0 0 1-1.7 2.1 8 8 0 0 0 2.2-.6l-1.8 1.6z"/> </svg> </a> <a class="global-footer__social-link" title="Mixkit on YouTube" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/channel/UCtmuFBbkECnsHJujGDcE9SA"> <svg class="global-footer__social-icon" aria-label="YouTube" width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <path fill="#191919" d="m13.7 18.7 5.9-2.9-5.9-3z"/> <path fill="#191919" d="M16 0C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0zm10.9 16.8-.2 3.4s-.2 1.4-.9 2.1c-.8.8-1.8.8-2.2.9-3.1.2-7.6.2-7.6.2s-5.7 0-7.4-.2c-.5-.1-1.6-.1-2.4-.9-.7-.6-.9-2.1-.9-2.1l-.2-3.4v-1.6l.2-3.4s.2-1.4.9-2.1c.8-.8 1.7-.8 2.2-.9 3-.2 7.6-.2 7.6-.2s4.6 0 7.6.2c.4 0 1.4.1 2.2.9.7.6.9 2.1.9 2.1l.2 3.4v1.6z"/> </svg> </a> <a class="global-footer__social-link" title="Mixkit on Instagram" target="_blank" rel="noopener noreferrer" href="https://instagram.com/mixkit_co"> <svg class="global-footer__social-icon" aria-label="Instagram" width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <path fill="#191919" d="M13 16c0-.7.5-3 3-3s3 2.3 3 3a3 3 0 0 1-3 3c-1.7 0-3-1.3-3-3Zm7-4V9h3v3Zm2.9 2v7.3c0 .9-.7 1.7-1.7 1.7H10.6c-.9 0-1.7-.7-1.7-1.7V14h2.6c-.3.6-.4 1.3-.4 2a4.9 4.9 0 0 0 9.8 0c0-.6-.2-1.4-.4-2Zm9.1 2c0 8.8-7.2 16-16 16S0 24.8 0 16 7.2 0 16 0s16 7.2 16 16Zm-7-5.5C25 8.6 23.4 7 21.5 7h-11C8.6 7 7 8.6 7 10.5v11c0 1.9 1.6 3.5 3.5 3.5h11c1.9 0 3.5-1.6 3.5-3.5Z"/> </svg> </a> <a class="global-footer__social-link" title="Mixkit on TikTok" target="_blank" rel="noopener noreferrer" href="https://www.tiktok.com/@mixkit.co"> <svg class="global-footer__social-icon" aria-label="TikTok" width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <path fill="#191919" fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm8.7-19.1V11c0-.2-.2-.4-.4-.5-1.1-.1-2.1-.6-2.9-1.4-.8-.8-1.3-1.8-1.4-2.9 0-.2-.2-.4-.5-.4h-1.9c-.3 0-.5.2-.5.5v12.8c0 1.1-.7 2.2-1.7 2.6-1.1.4-2.3.2-3.1-.6-1.1-1.1-1.1-2.9 0-4 .5-.5 1.2-.8 2-.8h.4c.1 0 .3 0 .4-.1.1-.1.2-.2.2-.3V14c0-.2-.2-.4-.4-.5h-.5c-1.1 0-2.2.3-3.1 1-.9.6-1.7 1.5-2.1 2.5-.9 2.1-.4 4.6 1.2 6.2 1.6 1.6 4 2.1 6.2 1.2 1-.4 1.9-1.2 2.5-2.1.6-.9 1-2 1-3.2v-7.3c1.2 1 2.7 1.5 4.2 1.6.1 0 .3 0 .3-.1.1-.2.1-.3.1-.4z"/> </svg> </a> </div> </div> </div> <div class="elements-toast-banner__wrapper" data-controller="elements--toast-banner" data-elements--toast-banner-visible-value="false" data-analytics-context="toast banner" data-analytics-context-detail="elements toast banner" > <a rel="noopener" target="_blank" href="https://elements.envato.com/all-items?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_global_promo_31JULY2024" class="elements-toast-banner__copy" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" > <img class="elements-toast-banner__logo" alt="Envato Elements" loading="lazy" src="https://assets.mixkit.co/build/Full-Colour_Dark_Small-Use_Horizontal-7baf18bb8bd33208e02137c97271b19514752665fc6701f0e1dba7956c847c11.svg" /> <div> <p class="elements-toast-banner__title"> The unlimited creative subscription </p> <div class="elements-toast-banner__selling-points-wrapper"> <ul class="selling-point-list elements-toast-banner__selling-points"> <li class="selling-point-list__point selling-point-list__point--download-icon"> Unlimited downloads </li> <li class="selling-point-list__point selling-point-list__point--medal-icon"> Millions of premium assets </li> <li class="selling-point-list__point selling-point-list__point--checked-icon"> Lifetime commercial licence </li> <li class="selling-point-list__point elements-toast-banner__selling-points--cancel-any-time"> Cancel any time </li> </ul> </div> </div> </a> <a rel="noopener" target="_blank" href="https://elements.envato.com/all-items?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_global_promo_31JULY2024" class="elements-toast-banner__button" data-controller="elements--link" data-action="updateOriginalSource@window->elements--link#setOriginalSource" >Start creating now</a> <button type='button' name='clear' class="elements-toast-banner__close-button" data-action="click->elements--toast-banner#dismiss" data-analytics-click-label="dismiss elements toast banner" aria-label="Close" > <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20' > <path d='M16.675 0H18.921V23.582H16.675z' transform='rotate(45 16.675 0)' /> <path d='M0 1.588H2.246V25.17H0z' transform='rotate(-45 0 1.588)' /> </svg> </button> </div> <div id="global-browser-support" data-nosnippet data-analytics-context="unsupported browser banner"> Our site is great except that we don鈥榯 support your browser. We recommend using the latest version of <a href="https://www.google.com/chrome/" rel="nofollow">Google Chrome</a>, <a href="https://www.mozilla.org/en-US/firefox/new/" rel="nofollow">Mozilla Firefox</a>, <a href="https://www.microsoft.com/en-us/edge" rel="nofollow">Microsoft Edge</a>, or <a href="https://support.apple.com/en_AU/downloads/safari" rel="nofollow">Apple Safari</a>. </div> <script> var browserSupportsAbortController = typeof AbortController !== "undefined" var browserSupportsCss = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false); var browserSupportsCustomElements = !!(window.customElements); var isIE = navigator.userAgent.indexOf("MSIE ") > -1 || navigator.userAgent.indexOf("Trident/") > -1; if (browserSupportsAbortController && browserSupportsCss && browserSupportsCustomElements && !isIE) { document.getElementById('global-browser-support').style.display = 'none'; } </script> <div id="global-loading-error" data-nosnippet> </div> <script> function checkFileLoaded() { var criticalFiles = ['application.js']; for (var i = 0; i < criticalFiles.length; i++) { var criticalFile = criticalFiles[i] var errorMessage = `Error: The ${criticalFile} file didn鈥檛 load.` var loadingErrorBanner = document.getElementById('global-loading-error') if (!window.__FILES_LOADED__?.[criticalFile]) { loadingErrorBanner.style.display = 'block' loadingErrorBanner.innerText = errorMessage logToRollbar(errorMessage) break; } } } function logToRollbar(errorMessage) { if (_rollbarConfig.payload.environment == 'development') { console.log(errorMessage) } if (typeof window !== 'undefined' && typeof window.Rollbar !== 'undefined') { window.Rollbar.error(errorMessage) } } setTimeout(checkFileLoaded, 500); </script> <div data-test-id="original-source-capture" data-controller="global--original-source-capture" data-action="turbo:load@document->global--original-source-capture#updateOriginalSourceTracking"> </div> </body> </html>