Video UIs | VideoHive

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="preload" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-a4a25252e6afdaaf7e691dd038c55bfad32c8c1d3d1812ace9dad81c2eb924dd.css" as="style" type="text/css"> <link rel="stylesheet" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-a4a25252e6afdaaf7e691dd038c55bfad32c8c1d3d1812ace9dad81c2eb924dd.css" media="all" data-turbo-track="reload" /> <link rel="preconnect" href="//market-resized.envatousercontent.com" crossorigin> <link rel="dns-prefetch" href="//market-resized.envatousercontent.com"> <link rel="preconnect" href="//assets.market-storefront.envato-static.com" crossorigin> <link rel="dns-prefetch" href="//assets.market-storefront.envato-static.com"> <link rel="preconnect" href="//consentcdn.cookiebot.com" crossorigin> <link rel="dns-prefetch" href="//consentcdn.cookiebot.com"> <link rel="dns-prefetch" href="//previews.customer.envatousercontent.com"> <script> //<![CDATA[ window.datadogEnvironment = 'production' window.datadogSampleRate = 2 window.datadogVersion = '8b312e9e57bd33832767be99ddaf165860d2da68' //]]> </script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/datadog-cc1f42529712a268635a116a160c1479d9191c080372c950f45640f5a1c33b55.js" crossorigin="anonymous"></script> <title>Video UIs | VideoHive</title> <meta name="description" content="You can choose from over 6,700 video UIs on VideoHive, created by our global community of independent video professionals."> <link rel="canonical" href="https://videohive.net/category/motion-graphics/interface-effects"> <meta property="og:url" content="https://videohive.net/category/motion-graphics/interface-effects"> <meta property="og:title" content="Video UIs | VideoHive"> <meta property="og:description" content="You can choose from over 6,700 video UIs on VideoHive, created by our global community of independent video professionals."> <meta property="og:type" content="website"> <meta property="og:site_name" content="VideoHive"> <meta property="og:image" content="https://assets.market-storefront.envato-static.com/storefront/assets/og-images/videohive-6900688d3bf004c54c1a33e144706758963d364ceda15b923470b60ccba4bdc3.png"> <meta name="bingbot" content="nocache"> <meta property="fb:admins" content="580836304"> <meta name="yandex-verification" content="58faa6ff34c071e6"> <meta name="baidu-site-verification" content="x0xoFSsC7y"> <meta name="msvalidate.01" content="671616CA558AF093483E9570081ACD21"> <link rel="icon" type="image/ico" href="https://assets.market-storefront.envato-static.com/storefront/assets/favicons/favicon-683776860a73328fbfb90221f38228ae31fd55217f17b0fdba2daa1727c47dbd.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://assets.market-storefront.envato-static.com/storefront/assets/favicons/apple-touch-icon-144x144-precomposed-a2606626583ce37053a6dca090b0b0d3a9483148984d8006645e267620fd14f8.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://assets.market-storefront.envato-static.com/storefront/assets/favicons/apple-touch-icon-114x114-precomposed-1486df5684777065c578079fd79ca115b237a6442c34a9933f301c2441fbac6f.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://assets.market-storefront.envato-static.com/storefront/assets/favicons/apple-touch-icon-72x72-precomposed-1b00bb9e3922f5db75e20ee89b8b235c613bb16de8724542f9d23efab119c3ce.png"> <link rel="apple-touch-icon-precomposed" href="https://assets.market-storefront.envato-static.com/storefront/assets/favicons/apple-touch-icon-precomposed-a2606626583ce37053a6dca090b0b0d3a9483148984d8006645e267620fd14f8.png"> <script type="text/javascript" data-turbo-eval="false"> window.addEventListener("CookiebotOnDialogDisplay", (event) => { const cookieDialog = event.srcElement.CookieConsentDialog.DOM cookieDialog.dataset.turbo = false }) </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{"region":"US","cbid":"d9683f70-895f-4427-97dc-f1087cddf9d8"}" defer="defer" id="Cookiebot"></script> <meta content="origin-when-cross-origin" name="referrer"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#333333"> <meta name="sso_server_domain" content="https://account.envato.com"> <meta name="sso_client_key" content="videohive"> <meta name="revision" content="8b312e9e57bd33832767be99ddaf165860d2da68"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token"> <script type="text/javascript" data-turbo-eval="false"> var GA_LOCAL_STORAGE_KEY = 'ga:clientId'; function canUseLocalStorage() { var t = "t"; try { localStorage.setItem(t, t); localStorage.removeItem(t); return true; } catch (e) { return false; } } function retrieveClientId() { return localStorage.getItem(GA_LOCAL_STORAGE_KEY); } function storeClientId(clientId) { return localStorage.setItem(GA_LOCAL_STORAGE_KEY, clientId); } function trackingCookieSet() { return !!document.cookie.match(/_ga=/); } function linkerParamPresent() { return !!window.location.search.match(/_ga=/); } function clientIdNotPresent() { return !(trackingCookieSet() || linkerParamPresent()); } window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var accountId = 'UA-11834194-8'; var options = { allowLinker: true, siteSpeedSampleRate: 40, clientDomain: "auto", }; if (canUseLocalStorage()) { if (clientIdNotPresent()) { options.clientId = retrieveClientId(); } window.ga('create', accountId, options); window.ga(function(tracker) { var clientId = tracker.get('clientId'); storeClientId(clientId); window.ga('set', 'dimension18', clientId); }); } else { window.ga('create', accountId, options); } window.ga('require', 'GTM-5VPWWP'); window.ga('require', 'linker'); window.ga('require', 'ec'); window.ga('require', 'displayfeatures'); window.ga('require', 'linkid'); window.ga('set', 'dimension19', 'Market Storefront'); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "VideoHive", "url": "https://videohive.net" } </script> <script> //<![CDATA[ var rollbarClientToken = "0924cd7a408b49498096b5c1ade65966" var rollbarEnvironment = "production" //]]> </script> <script> //<![CDATA[ var gtmConfig = {} //]]> </script><script src="https://assets.market-storefront.envato-static.com/storefront/assets/gtm_measurements-8ac280a94dbe3eb2b023ce3c0f41168938944dd1f523cc5534d26f362499b0e5.js" data-turbo-track="reload" defer="defer" nonce="true"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/rollbar-0861f0114e1f05c689900d529ea47644164f0f754d7fab67aea59bae7c8e630b.js" crossorigin="anonymous" data-turbo-track="reload" defer="defer"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/legacy-55a785f75e8f957f2f2880448b8f079e83eb567a913db4b120e84b78d8b37d49.js" crossorigin="anonymous" data-turbo-track="reload" nomodule="nomodule"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/application-9b78d8b7f59e17a76b603cfc2be9b81ec207bab12f008a4654f69ce357e95cbb.js" crossorigin="anonymous" data-turbo-track="reload" defer="defer"></script> </head> <body class="no-js color-scheme-light" data-controller="yes-js favorites-loader ga-linker auto-sign-in impression-tracker" data-action="mousedown->ga-linker#decorateLink click->ga-linker#decorateLink contextmenu->ga-linker#decorateLink" data-analytics-context="body" data-google-analytics-id="UA-11834194-8" data-google-tag-manager-marketing-id="GTM-KGCDGPL6" data-google-tag-manager-statistics-id="GTM-W8KL5Q5" data-google-tag-manager-marketing-env-params="" data-google-tag-manager-statistics-env-params="" data-site="videohive" data-site-domain="videohive.net" > <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <script> //<![CDATA[ (function() { function normalizeAttributeValue(value) { if (value === undefined) return undefined if (value === null) return undefined let 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 parseSignedInUserIdsFromCookie() { if (!document.cookie) return { envatoId: undefined, marketId: undefined }; var prefix = "statistics_info="; var cookie = document.cookie.split('; ').find(function(part) { return part.startsWith(prefix); }) if (cookie === undefined) return { envatoId: undefined, marketId: undefined }; var ids = decodeURIComponent(cookie.substring(prefix.length)).split(":"); return { envatoId: ids[0], marketId: ids[1] }; } if (document.documentElement.hasAttribute('data-turbo-preview')) return window.dataLayer = window.dataLayer || []; var gaParam = (new URL(window.location)).searchParams.get("_ga") var signedInUserIds = parseSignedInUserIdsFromCookie(); var categoryAttributes = JSON.parse('{"custom_item_category":"motion-graphics","custom_item_category_2":"interface-effects"}'); var pageAttributes = { app_name: normalizeAttributeValue('market-storefront'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('8b312e9e57bd33832767be99ddaf165860d2da68'), page_type: normalizeAttributeValue('item catalogue'), page_location: window.location.href, page_referrer: document.referrer, page_title: document.title, ga_param: normalizeAttributeValue(gaParam ? '_ga='+gaParam : undefined), event_attributes: null, user_attributes: { user_id: normalizeAttributeValue(signedInUserIds.envatoId), market_user_id: normalizeAttributeValue(signedInUserIds.marketId), }, ...categoryAttributes }; dataLayer.push(pageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { event_type: 'user', custom_timestamp: Date.now() } }) })(); //]]> </script> <a class="layouts-application_layout__skipLink" data-controller="skip-link" data-action="click->skip-link#skipToMain" href="javascript:void(0)">Skip to content</a> <div class="shared-global_header-global_header_component__headerWrapper" role="banner"> <div class="shared-global_header-global_header_component__desktopHeader shared-global_header-global_header_component__bannerPlaceholder"> <div class="shared-global_header-logo_bar_component__headerTopWrapper"> <div class="shared-global_header-logo_bar_component__gridWideSection"> <a href="/" class="shared-global_header-logo_bar_component__logoImageWrapper"> <img src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-market-0c6ef0bdbf918a098bf915273cd4ca39cb1afd7992deef185dafe33b2c623b2f.svg" height="20" alt="Envato Market logo" /> <span class="shared-global_header-logo_bar_component__hiddenText">Envato Market</span> </a> <nav class="shared-global_header-logo_bar_component__nav" aria-label="account" data-turbo="false"> <a class="shared-global_header-logo_bar_component__menuLink" href="https://forums.envato.com"> Forums </a> <a class="shared-global_header-logo_bar_component__menuLink" href="https://author.envato.com"> Start Selling </a> <div class="shared-global_header-dropdown_component__guestUserMenuWrapper" data-turbo="false"> <a class="shared-global_header-our_products_component__ourProductMenuLink" href="#"> <span class="shared-global_header-our_products_component__menuDropdownIconWrapper"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#dialer'></use> </svg> </span> <span class="shared-global_header-our_products_component__menuLinkText">Our Products</span> </a> <div class="shared-global_header-dropdown_component__dropdownWrapper"> <div class="shared-global_header-dropdown_component__dropdown"> <nav class="shared-global_header-our_products_component__dropdownListWrapper" aria-label="our products"> <a class="shared-global_header-our_products_component__dropdownLink" title="The unlimited creative subscription" rel="noopener" target="_blank" href="https://elements.envato.com/?utm_source=envatomarket&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products_26AUG2024&utm_content=headernav" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" > <div class="shared-global_header-our_products_component__dropdownLinkLogo"> <img loading="lazy" alt="Envato Elements" height="16" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" /> </div> <span class="shared-global_header-our_products_component__dropdownText">The unlimited creative subscription</span> </a> <a class="shared-global_header-our_products_component__dropdownLink" title="Free creative tutorials and courses" rel="noopener" target="_blank" href="https://tutsplus.com/?utm_source=envatomarket&utm_medium=promos&utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&utm_content=headernav" > <div class="shared-global_header-our_products_component__dropdownLinkLogo"> <img loading="lazy" alt="Envato Tuts+" height="16" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-tutsplus-e2d6fc98c47f1e35aa7ca0b06afc8d21e7951b59c468608472334ef6014743fd.svg" /> </div> <span class="shared-global_header-our_products_component__dropdownText">Free creative tutorials and courses</span> </a> <a class="shared-global_header-our_products_component__dropdownLink" title="Customize mockups, design and video" rel="noopener" target="_blank" href="https://placeit.net/?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&utm_content=headernav" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" > <div class="shared-global_header-our_products_component__dropdownLinkLogo"> <img loading="lazy" alt="Envato Placeit" height="16" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-placeit-8320463adc8087b3a88d83e0529f594c02741a33a3d1b19a47cdf947c43083b2.svg" /> </div> <span class="shared-global_header-our_products_component__dropdownText">Customize mockups, design and video</span> </a> </nav> <div class="shared-global_header-our_products_component__navFooter"> <ul class="shared-global_header-our_products_component__navFooterListWrapper"> <li class="shared-global_header-our_products_component__footerItem"> Join the <a class="shared-global_header-our_products_component__footerLink" href="https://community.envato.com" target="_blank" rel="noopener">Envato community</a> </li> <li class="shared-global_header-our_products_component__footerItem"> Learn from others in <a class="shared-global_header-our_products_component__footerLink" href="https://forums.envato.com" target="_blank" rel="noopener">the forums</a> </li> </ul> </div> </div> </div> </div> <span class="shared-global_header-logo_bar_component__userCartWrapper"> <a class="shared-global_header-cart_link_component__root" href="/cart" title="Cart" id="cart-link-desktop" data-turbo-permanent data-turbo="false" > <span class="shared-global_header-cart_link_component__userCartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> <span class="shared-global_header-cart_link_component__userCartCount" data-controller="cart-icon" data-action="cartStoreUpdated@window->cart-icon#updateFromStore" ></span> </a> </span> <span class="shared-global_header-logo_bar_component__usernameWrapper" id="tlp-header-user-nav" data-turbo-permanent data-controller="fragment-loader" data-fragment-loader-session-required-value="true" data-fragment-loader-url-value="/my/user_nav" > <div class="shared-global_header-dropdown_component__guestUserMenuWrapper shared-global_header-dropdown_component__disabled" data-turbo="false"> <a class="shared-global_header-user_nav_component__guestUserMenuLink" href="/sign_in" data-turbo="false" data-controller="modal-commander" data-action="modal-commander#open" data-modal-commander-url-value="/storefront/sign_in" > <span class="shared-global_header-user_nav_component__guestUserMenuText">Sign In</span> </a> <div class="shared-global_header-dropdown_component__dropdownWrapper"> <div class="shared-global_header-dropdown_component__dropdown"> </div> </div> </div> </span> </nav> </div> </div> <div class="shared-global_header-mobile_menu_component__headerTopMobileWrapper" data-controller="mobile-menu"> <div class="shared-global_header-mobile_menu_component__headerMobile"> <div class="shared-global_header-mobile_menu_component__accountButton"> <div> <div class="shared-global_header-cart_mini_link_component__cartButton"> <a class="shared-global_header-cart_mini_link_component__linkButton" href="/cart" title="Cart" data-turbo="false"> <span class="shared-global_header-cart_mini_link_component__userCartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart_mobile'></use> </svg> </span> <span class="shared-global_header-cart_mini_link_component__userCartCount" data-controller="cart-icon" data-action="cartStoreUpdated@window->cart-icon#updateFromStore" ></span> </a> </div> </div> <a class="shared-global_header-mobile_menu_component__linkButton" title="Open account menu" data-action="click->mobile-menu#openUserMenu" href="#"> <span class="shared-global_header-mobile_menu_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#person'></use> </svg> </span> </a> </div> <div class="shared-global_header-mobile_menu_component__categoriesButton"> <a class="shared-global_header-mobile_menu_component__linkButton" title="Open site menu" data-action="click->mobile-menu#openCategoriesMenu" href="#"> <span class="shared-global_header-mobile_menu_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#hamburger'></use> </svg> </span> </a> </div> <div> <a class="shared-global_header-mobile_menu_component__baseLogo" href="/"> <picture> <source srcset="https://assets.market-storefront.envato-static.com/storefront/assets/logos/videohive-ab6b0e337f80e4100bc97e7d9f709c65c9b423999f91e2aca43441e88e5e90f2.webp" type="image/webp"> <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/videohive-87b8a40fe22be4e4f6135e8424692b6057b1d9cecef7bcfcec0c9695d02cb2fb.png" alt="VideoHive" class="shared-global_header-mobile_menu_component__logo"> </picture> </a> </div> </div> <div class="shared-global_header-mobile_menu_component__offCanvasBackground" data-mobile-menu-target="categoriesMenu" > <div class="shared-global_header-mobile_menu_component__overlay" data-action="click->mobile-menu#closeMenu"></div> <template data-mobile-menu-target="categoriesTemplate"> <div class="shared-global_header-mobile_menu_component__offCanvasWrapper" data-controller="impression-tracker" > <div class="shared-global_header-mobile_menu_component__offCanvasLeftContainer"> <button class="shared-global_header-mobile_menu_component__canvasToggle" data-action="click->mobile-menu#closeMenu"> <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" height="14px" width="14px" viewBox="0 0 10 10" style="vertical-align: middle;"> <title id="Close">Close</title> <g> <path d="M9.888641,1.2053571 C9.962881,1.2797623 10,1.3690471 10,1.4732143 C10,1.5773815 9.962881,1.6666663 9.888641,1.7410714 L6.904232,4.7321429 C6.829992,4.806548 6.792873,4.8958328 6.792873,5 C6.792873,5.1041672 6.829992,5.193452 6.904232,5.2678571 L9.86637,8.2589286 C9.955457,8.3333337 10,8.4226185 10,8.5267857 C10,8.6309529 9.955457,8.7202377 9.86637,8.7946429 L8.797327,9.8883929 C8.723088,9.962798 8.63029,10 8.518931,10 C8.407572,10 8.314774,9.962798 8.240535,9.8883929 L5.278396,6.8973214 C5.204157,6.8229163 5.111359,6.7857143 5,6.7857143 C4.888641,6.7857143 4.795843,6.8229163 4.721604,6.8973214 L1.737194,9.8883929 C1.662954,9.962798 1.573868,10 1.469933,10 C1.365998,10 1.276912,9.962798 1.202673,9.8883929 L0.111359,8.7946429 C0.037119,8.7202377 0,8.6309529 0,8.5267857 C0,8.4226185 0.037119,8.3333337 0.111359,8.2589286 L3.095768,5.2678571 C3.170008,5.193452 3.207127,5.1041672 3.207127,5 C3.207127,4.8958328 3.170008,4.806548 3.095768,4.7321429 L0.111359,1.7410714 C0.037119,1.6666663 0,1.5736613 0,1.4620536 C0,1.3504459 0.037119,1.2574408 0.111359,1.1830357 L1.202673,0.1116071 C1.276912,0.037202 1.36971,0 1.481069,0 C1.592428,0 1.685226,0.037202 1.759465,0.1116071 L4.721604,3.1026786 C4.795843,3.1770837 4.888641,3.2142857 5,3.2142857 C5.111359,3.2142857 5.204157,3.1770837 5.278396,3.1026786 L8.262806,0.1116071 C8.337046,0.037202 8.426132,0 8.530067,0 C8.634002,0 8.723088,0.037202 8.797327,0.1116071 L9.888641,1.2053571 Z"></path> </g> </svg> </button> <div class="shared-global_header-mobile_menu_component__logoImageWrapper"> <a class="shared-global_header-mobile_menu_component__logoImageLink" href="/"> <img alt="VideoHive" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-market-0c6ef0bdbf918a098bf915273cd4ca39cb1afd7992deef185dafe33b2c623b2f.svg" height="15" /> <span class="shared-global_header-mobile_menu_component__hiddenText">Envato Market</span> </a> </div> <div data-controller="toggler"> <div class="shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper shared-global_header-mobile_markets_nav_component__videohiveWrapper"> <div class="shared-global_header-mobile_markets_nav_component__currentSiteSpan">Video</div> <div class="shared-global_header-mobile_markets_nav_component__mainMenuToggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-mobile_markets_nav_component__expanded" data-action="click->toggler#toggle" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </div> <div class="shared-global_header-mobile_markets_nav_component__sitesMenuWrapper" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-mobile_markets_nav_component__expanded" > <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://themeforest.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Web Themes & Templates</span> </a> <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://codecanyon.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Code</span> </a> <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://audiojungle.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Audio</span> </a> <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://graphicriver.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Graphics</span> </a> <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://photodune.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Photos</span> </a> <a class="shared-global_header-mobile_markets_nav_component__siteLink" href="https://3docean.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">3D Files</span> </a> </div> </div> <div class="shared-global_header-mobile_menu_search_component__root shared-global_header-mobile_menu_search_component__noBorder"> <form role="search" method="get" action="/search" data-controller="search-event" data-action="submit->search-event#submit"> <div class="shared-global_header-mobile_menu_search_component__searchInlineElement"></div> <div class="shared-global_header-mobile_menu_search_component__form"> <div class="shared-global_header-mobile_menu_search_component__inputWrapper"> <input type="search" aria-label="search" class="shared-global_header-mobile_menu_search_component__input" name="term" placeholder="Search" role="search" value="" data-search-event-target="input"> </div> <button class="shared-global_header-mobile_menu_search_component__searchButton" type="submit"> <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 512 512" title="search" style="vertical-align: middle;"> <title>search</title> <g> <path d="M507.5 469.3c0 10.5-3.8 19.5-11.5 27.2s-16.7 11.5-27.2 11.5c-10.9 0-20-3.8-27.2-11.5l-103.7-103.4c-36.1 25-76.3 37.5-120.6 37.5-28.8 0-56.4-5.6-82.7-16.8s-49-26.3-68-45.3-34.2-41.7-45.3-68c-11.2-26.3-16.8-53.9-16.8-82.7s5.6-56.4 16.8-82.7 26.3-49 45.3-68 41.7-34.2 68-45.3c26.3-11.2 53.9-16.8 82.7-16.8s56.4 5.6 82.7 16.8c26.3 11.2 49 26.3 68 45.3s34.2 41.7 45.3 68c11.2 26.3 16.8 53.9 16.8 82.7 0 44.3-12.5 84.5-37.5 120.6l103.7 103.7c7.5 7.5 11.2 16.5 11.2 27.2zm-154.8-251.5c0-37.3-13.2-69.2-39.8-95.7-26.5-26.5-58.4-39.8-95.7-39.8s-69.2 13.3-95.7 39.8-39.8 58.4-39.8 95.7 13.2 69.2 39.8 95.7c26.5 26.5 58.4 39.8 95.7 39.8s69.2-13.2 95.7-39.8c26.6-26.5 39.8-58.4 39.8-95.7z"></path> </g> </svg> </button> </div> </form> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_mobile_31JULY2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_home_unlimited" data-turbo="false" data-action="click->mobile-menu#closeMenu" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_blank" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_mobile_31JULY2024","promotionName":"elements_mkt-switcher_mobile_31JULY2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_mobile_31JULY2024","promotionName":"elements_mkt-switcher_mobile_31JULY2024","promotionType":"elements referral"}}" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow shared-global_header-categories_mobile_menu_component__empty shared-global_header-categories_mobile_menu_component__linkExternal shared-global_header-categories_mobile_menu_component__linkGradient"> Unlimited Downloads </div> </a> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/all" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> All Items </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/top-sellers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Files </a> <a href="/feature" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Featured Files </a> <a href="/category/all?date=this-month&sort=sales" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Top New Files </a> <a href="/follow_feed" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Follow Feed </a> <a href="/authors/top" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Top Authors </a> <a href="/page/top_new_sellers" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Top New Authors </a> <a href="/collections" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Public Collections </a> <a href="/category" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > View All Categories </a> <a href="https://elements.envato.com/video-templates?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_all-items" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited Video Templates </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/after-effects-project-files" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> After Effects </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/after-effects-project-files" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all After Effects </a> <a href="/popular_item/by_category?category=after-effects-project-files" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/after-effects-project-files/broadcast-packages" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Broadcast Packages </a> <a href="/attributes/video-project-requires/Element 3D?sort=date" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Element 3D </a> <a href="/category/after-effects-project-files/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Elements </a> <a href="/category/after-effects-project-files/infographics" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Infographics </a> <a href="/category/after-effects-project-files/logo-stings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Logo Stings </a> <a href="/category/after-effects-project-files/openers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Openers </a> <a href="/category/after-effects-project-files/product-promo" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Product Promo </a> <a href="/category/after-effects-project-files/titles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Titles </a> <a href="/category/after-effects-project-files/video-displays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Video Displays </a> <a href="https://elements.envato.com/video-templates/compatible-with-after-effects?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_after-effects" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited After Effects </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/premiere-pro-templates" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> Premiere Pro </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/premiere-pro-templates" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all Premiere Pro </a> <a href="/popular_item/by_category?category=premiere-pro-templates" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/premiere-pro-templates/broadcast-packages" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Broadcast Packages </a> <a href="/category/premiere-pro-templates/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Elements </a> <a href="/category/premiere-pro-templates/infographics" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Infographics </a> <a href="/category/premiere-pro-templates/logo-stings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Logo Stings </a> <a href="/category/premiere-pro-templates/openers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Openers </a> <a href="/category/premiere-pro-templates/product-promo" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Product Promo </a> <a href="/category/premiere-pro-templates/titles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Titles </a> <a href="/category/premiere-pro-templates/video-displays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Video Displays </a> <a href="https://elements.envato.com/video-templates/compatible-with-premiere-pro?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_premiere-pro" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited Premiere Pro </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/apple-motion-templates" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> Apple Motion </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/apple-motion-templates" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all Apple Motion </a> <a href="/popular_item/by_category?category=apple-motion-templates" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/apple-motion-templates/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Elements </a> <a href="/category/apple-motion-templates/logo-stings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Logo Stings </a> <a href="/category/apple-motion-templates/openers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Openers </a> <a href="/category/apple-motion-templates/titles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Titles </a> <a href="/category/apple-motion-templates/video-displays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Video Displays </a> <a href="https://elements.envato.com/video-templates/compatible-with-apple-motion?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_apple-motion" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited Apple Motion </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/davinci-resolve-templates" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> DaVinci Resolve </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/davinci-resolve-templates" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all DaVinci Resolve </a> <a href="/popular_item/by_category?category=davinci-resolve-templates" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/davinci-resolve-templates/broadcast-packages" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Broadcast Packages </a> <a href="/category/davinci-resolve-templates/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Elements </a> <a href="/category/davinci-resolve-templates/infographics" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Infographics </a> <a href="/category/davinci-resolve-templates/logo-stings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Logo Stings </a> <a href="/category/davinci-resolve-templates/openers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Openers </a> <a href="/category/davinci-resolve-templates/product-promo" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Product Promo </a> <a href="/category/davinci-resolve-templates/titles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Titles </a> <a href="/category/davinci-resolve-templates/video-displays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Video Displays </a> <a href="https://elements.envato.com/video-templates/compatible-with-davinci-resolve?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_davinci-resolve" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited DaVinci Resolve </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/motion-graphics" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> Motion Graphics </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/motion-graphics" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all Motion Graphics </a> <a href="/popular_item/by_category?category=motion-graphics" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/motion-graphics/backgrounds" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Backgrounds </a> <a href="/category/motion-graphics/bugs" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Bugs </a> <a href="/category/motion-graphics/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Elements </a> <a href="/category/motion-graphics/infographics" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Infographics </a> <a href="/category/motion-graphics/interface-effects" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Interface Effects </a> <a href="/category/motion-graphics/lower-thirds" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Lower Thirds </a> <a href="/category/motion-graphics/overlays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Overlays </a> <a href="/category/motion-graphics/revealer" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Revealer </a> <a href="/category/motion-graphics/transitions" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Transitions </a> <a href="/category/motion-graphics/miscellaneous" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Miscellaneous </a> <a href="https://elements.envato.com/stock-video/motion-graphics?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_motion-graphics" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited Motion Graphics </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/stock-footage" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> Stock Footage </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/stock-footage" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all Stock Footage </a> <a href="/popular_item/by_category?category=stock-footage" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/stock-footage/buildings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Buildings </a> <a href="/category/stock-footage/business-corporate" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Business, Corporate </a> <a href="/category/stock-footage/cartoons" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cartoons </a> <a href="/category/stock-footage/city" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > City </a> <a href="/category/stock-footage/construction" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Construction </a> <a href="/category/stock-footage/education" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Education </a> <a href="/category/stock-footage/food" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Food </a> <a href="/category/stock-footage/holidays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Holidays </a> <a href="/category/stock-footage/industrial" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Industrial </a> <a href="/category/stock-footage/kids" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Kids </a> <a href="/category/stock-footage/lifestyle" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Lifestyle </a> <a href="/category/stock-footage/medical" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Medical </a> <a href="/category/stock-footage/military" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Military </a> <a href="/category/stock-footage/nature" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Nature </a> <a href="/category/stock-footage/overhead" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Overhead </a> <a href="/category/stock-footage/people" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > People </a> <a href="/category/stock-footage/religious" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Religious </a> <a href="/category/stock-footage/science" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Science </a> <a href="/category/stock-footage/slow-motion" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Slow Motion </a> <a href="/category/stock-footage/special-events" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Special Events </a> <a href="/category/stock-footage/sports" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Sports </a> <a href="/category/stock-footage/stop-motion" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Stop Motion </a> <a href="/category/stock-footage/technology" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Technology </a> <a href="/category/stock-footage/time-lapse" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Time Lapse </a> <a href="/category/stock-footage/vehicles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Vehicles </a> <a href="/category/stock-footage/weather" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Weather </a> <a href="https://elements.envato.com/stock-video?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_stock-footage" target="_blank" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub shared-global_header-categories_mobile_menu_component__linkExternal" data-action="click->mobile-menu#closeMenu" > Unlimited Stock Footage </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/add-ons" data-turbo="true" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> Add Ons </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/add-ons" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Show all Add Ons </a> <a href="/popular_item/by_category?category=add-ons" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Popular Items </a> <a href="/category/add-ons/after-effects-presets" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > After Effects Presets </a> <a href="/category/add-ons/after-effects-scripts" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > After Effects Scripts </a> <a href="/category/add-ons/premiere-pro-presets" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Premiere Pro Presets </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker" data-turbo="false" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_blank" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow shared-global_header-categories_mobile_menu_component__linkExternal"> Video Maker </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Video Maker </a> <a href="https://placeit.net/intro-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=intro_maker" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Intro Maker </a> <a href="https://placeit.net/slideshow-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=slideshow_maker" target="_self" data-turbo="false" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Slideshow Maker </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category" data-turbo="false" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" target="_self" > <div class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__linkRow"> More </div> <div class="shared-global_header-categories_mobile_menu_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_fill_down'></use> </svg> </div> </a> <nav data-toggler-target="toggle" data-toggler-expanded-class="shared-global_header-categories_mobile_menu_component__expanded" class="shared-global_header-categories_mobile_menu_component__subLinks"> <a href="/category/cinema-4d-templates/elements" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cinema 4D Elements </a> <a href="/category/cinema-4d-templates/logo-stings" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cinema 4D Logo Stings </a> <a href="/category/cinema-4d-templates/openers" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cinema 4D Openers </a> <a href="/category/cinema-4d-templates/titles" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cinema 4D Titles </a> <a href="/category/cinema-4d-templates/video-displays" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Cinema 4D Video Displays </a> <a href="/search?term=logo" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Logo Files </a> <a href="/search?term=news" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > News Files </a> <a href="/search?term=wedding" target="_self" data-turbo="true" class="shared-global_header-categories_mobile_menu_component__link shared-global_header-categories_mobile_menu_component__sub" data-action="click->mobile-menu#closeMenu" > Wedding Files </a> </nav> </div> </div> </div> </template> </div> <div class="shared-global_header-mobile_menu_component__offCanvasBackground" data-mobile-menu-target="userMenu"> <div class="shared-global_header-mobile_menu_component__overlay" data-action="click->mobile-menu#closeMenu"></div> <div class="shared-global_header-mobile_menu_component__offCanvasWrapper shared-global_header-mobile_menu_component__right"> <div class="shared-global_header-mobile_menu_component__offCanvasGuestUserMenuWrapper" data-controller="fragment-loader" data-fragment-loader-session-required-value="true" data-fragment-loader-url-value="/my/user_nav?mobile=true"> <a class="shared-global_header-mobile_menu_user_nav_component__link" href="/cart" data-turbo="false"> Guest Cart <span class="shared-global_header-mobile_menu_user_nav_component__iconWrapper"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart_mobile'></use> </svg> </span> <span class="shared-global_header-mobile_menu_user_nav_component__userCartCount" data-controller="cart-icon" data-action="cartStoreUpdated@window->cart-icon#updateFromStore" ></span> </a> <a class="shared-global_header-mobile_menu_user_nav_component__link" href="/sign_up?to=videohive" data-turbo="false"> Create an Envato Account <span class="shared-global_header-mobile_menu_user_nav_component__iconWrapper"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#envato_mobile_menu_logo'></use> </svg> </span > </a> <a class="shared-global_header-mobile_menu_user_nav_component__link" href="/sign_in?to=videohive" data-turbo="false"> Sign In <span class="shared-global_header-mobile_menu_user_nav_component__iconWrapper"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#envato_mobile_login'></use> </svg> </span > </a> </div> </div> </div> </div> <div class="shared-global_header-markets_nav_component__headerBottomWrapper"> <div class="shared-global_header-markets_nav_component__gridWide"> <nav aria-label="markets" class="shared-global_header-markets_nav_component__navWithLabelWrapper"> <a class="shared-global_header-markets_nav_component__siteLink" href="https://themeforest.net/?auto_signin=true">Web Themes & Templates</a> <a class="shared-global_header-markets_nav_component__siteLink" href="https://codecanyon.net/?auto_signin=true">Code</a> <a class="shared-global_header-markets_nav_component__siteLink shared-global_header-markets_nav_component__active" href="https://videohive.net/?auto_signin=true">Video</a> <a class="shared-global_header-markets_nav_component__siteLink" href="https://audiojungle.net/?auto_signin=true">Audio</a> <a class="shared-global_header-markets_nav_component__siteLink" href="https://graphicriver.net/?auto_signin=true">Graphics</a> <a class="shared-global_header-markets_nav_component__siteLink" href="https://photodune.net/?auto_signin=true">Photos</a> <a class="shared-global_header-markets_nav_component__siteLink" href="https://3docean.net/?auto_signin=true">3D Files</a> <div class="shared-global_header-elements_nav_component__root" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" > <a class="shared-global_header-elements_nav_component__mainLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=videohive.net&utm_content=vh_search" target="_blank" > <span> Unlimited Downloads </span> </a> <div class="shared-global_header-elements_nav_component__dropdownContainer shared-global_header-elements_nav_component__uniqueSellingPointVariant" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" > <div class="shared-global_header-elements_nav_component__mainPanel"> <a class="shared-global_header-elements_nav_component__mainPanelLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=videohive.net&utm_content=vh_search" target="_blank" > <div> <img class="shared-global_header-elements_nav_component__elementsLogo" loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" alt="Elements logo"> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkContainer"> <div class="shared-global_header-elements_nav_component__mainPanelLinkHeading"> <h2 class="shared-brand_neue-text_component__root shared-brand_neue-text_component__subheading shared-brand_neue-text_component__contentPrimary shared-brand_neue-text_component__fontWeightUnset"> Looking for unlimited downloads? </h2> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkSubheading"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Subscribe to Envato Elements. </span> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescriptionContainer"> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/badge-ea3a60ea39171409e4f531bab81dc0a0f23d5ab62c5bbc2160599b766c5803dd.svg" alt="badge" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Millions of premium assets </span> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/thumbs_up-3314bbeb196f5f1858b98256fe14b1bbe632f6b4077d311139e8173f3cfc2945.svg" alt="thumbs up" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Great value subscription </span> </div> </div> </div> </a> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=videohive.net&utm_content=vh_search"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> Let's create </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size14" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </a> </div> <div class="shared-global_header-elements_nav_component__secondaryPanel"> <a href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=videohive.net&utm_content=vh_search" target="_blank" > <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/header/items-collage-1x-433d6111167086808c9d1f15a1fe151d2ff7f9af185d78728e1a15bb6886d23f.png" srcset="https://assets.market-storefront.envato-static.com/storefront/assets/header/items-collage-2x-0a4d4fb7c56c891a5012749dfe7b4b55170e907b2822a83a626c2b41bd233cee.png 2x" alt="Collage of Elements items" > </a> </div> </div> </div> <div class="shared-global_header-markets_nav_component__siteLogoWrapper"> <picture> <source srcset="https://assets.market-storefront.envato-static.com/storefront/assets/logos/videohive-ab6b0e337f80e4100bc97e7d9f709c65c9b423999f91e2aca43441e88e5e90f2.webp" type="image/webp"> <img src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/videohive-87b8a40fe22be4e4f6135e8424692b6057b1d9cecef7bcfcec0c9695d02cb2fb.png" alt="VideoHive" class="shared-global_header-markets_nav_component__siteLogo" width="115"> </picture> </div> </nav> </div> </div> </div> <div class="shared-global_header-global_header_component__headerCategoriesWrapper"> <div class="shared-global_header-global_header_component__headerCategories"> <div class="shared-global_header-global_header_component__gridWide"> <nav class="shared-global_header-categories_menu_component__linksList" aria-label="categories"> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/all"> All Items </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a data-turbo="true" href="/top-sellers">Popular Files</a> <a data-turbo="true" href="/feature">Featured Files</a> <a data-turbo="true" href="/category/all?date=this-month&sort=sales">Top New Files</a> <a data-turbo="false" href="/follow_feed">Follow Feed</a> <a data-turbo="false" href="/authors/top">Top Authors</a> <a data-turbo="false" href="/page/top_new_sellers">Top New Authors</a> <a data-turbo="false" href="/collections">Public Collections</a> <a data-turbo="false" href="/category">View All Categories</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_all-items">Unlimited Video Templates</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/after-effects-project-files"> After Effects </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=after-effects-project-files">Popular Items</a> <a data-turbo="true" href="/category/after-effects-project-files/broadcast-packages">Broadcast Packages</a> <a data-turbo="false" href="/attributes/video-project-requires/Element 3D?sort=date">Element 3D</a> <a data-turbo="true" href="/category/after-effects-project-files/elements">Elements</a> <a data-turbo="true" href="/category/after-effects-project-files/infographics">Infographics</a> <a data-turbo="true" href="/category/after-effects-project-files/logo-stings">Logo Stings</a> <a data-turbo="true" href="/category/after-effects-project-files/openers">Openers</a> <a data-turbo="true" href="/category/after-effects-project-files/product-promo">Product Promo</a> <a data-turbo="true" href="/category/after-effects-project-files/titles">Titles</a> <a data-turbo="true" href="/category/after-effects-project-files/video-displays">Video Displays</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-after-effects?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_after-effects">Unlimited After Effects</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/premiere-pro-templates"> Premiere Pro </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=premiere-pro-templates">Popular Items</a> <a data-turbo="true" href="/category/premiere-pro-templates/broadcast-packages">Broadcast Packages</a> <a data-turbo="true" href="/category/premiere-pro-templates/elements">Elements</a> <a data-turbo="true" href="/category/premiere-pro-templates/infographics">Infographics</a> <a data-turbo="true" href="/category/premiere-pro-templates/logo-stings">Logo Stings</a> <a data-turbo="true" href="/category/premiere-pro-templates/openers">Openers</a> <a data-turbo="true" href="/category/premiere-pro-templates/product-promo">Product Promo</a> <a data-turbo="true" href="/category/premiere-pro-templates/titles">Titles</a> <a data-turbo="true" href="/category/premiere-pro-templates/video-displays">Video Displays</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-premiere-pro?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_premiere-pro">Unlimited Premiere Pro</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/apple-motion-templates"> Apple Motion </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=apple-motion-templates">Popular Items</a> <a data-turbo="true" href="/category/apple-motion-templates/elements">Elements</a> <a data-turbo="true" href="/category/apple-motion-templates/logo-stings">Logo Stings</a> <a data-turbo="true" href="/category/apple-motion-templates/openers">Openers</a> <a data-turbo="true" href="/category/apple-motion-templates/titles">Titles</a> <a data-turbo="true" href="/category/apple-motion-templates/video-displays">Video Displays</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-apple-motion?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_apple-motion">Unlimited Apple Motion</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/davinci-resolve-templates"> DaVinci Resolve </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=davinci-resolve-templates">Popular Items</a> <a data-turbo="true" href="/category/davinci-resolve-templates/broadcast-packages">Broadcast Packages</a> <a data-turbo="true" href="/category/davinci-resolve-templates/elements">Elements</a> <a data-turbo="true" href="/category/davinci-resolve-templates/infographics">Infographics</a> <a data-turbo="true" href="/category/davinci-resolve-templates/logo-stings">Logo Stings</a> <a data-turbo="true" href="/category/davinci-resolve-templates/openers">Openers</a> <a data-turbo="true" href="/category/davinci-resolve-templates/product-promo">Product Promo</a> <a data-turbo="true" href="/category/davinci-resolve-templates/titles">Titles</a> <a data-turbo="true" href="/category/davinci-resolve-templates/video-displays">Video Displays</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-davinci-resolve?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_davinci-resolve">Unlimited DaVinci Resolve</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/motion-graphics"> Motion Graphics </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=motion-graphics">Popular Items</a> <a data-turbo="true" href="/category/motion-graphics/backgrounds">Backgrounds</a> <a data-turbo="true" href="/category/motion-graphics/bugs">Bugs</a> <a data-turbo="true" href="/category/motion-graphics/elements">Elements</a> <a data-turbo="true" href="/category/motion-graphics/infographics">Infographics</a> <a data-turbo="true" href="/category/motion-graphics/interface-effects">Interface Effects</a> <a data-turbo="true" href="/category/motion-graphics/lower-thirds">Lower Thirds</a> <a data-turbo="true" href="/category/motion-graphics/overlays">Overlays</a> <a data-turbo="true" href="/category/motion-graphics/revealer">Revealer</a> <a data-turbo="true" href="/category/motion-graphics/transitions">Transitions</a> <a data-turbo="true" href="/category/motion-graphics/miscellaneous">Miscellaneous</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video/motion-graphics?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_motion-graphics">Unlimited Motion Graphics</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/stock-footage"> Stock Footage </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=stock-footage">Popular Items</a> <a data-turbo="true" href="/category/stock-footage/buildings">Buildings</a> <a data-turbo="true" href="/category/stock-footage/business-corporate">Business, Corporate</a> <a data-turbo="true" href="/category/stock-footage/cartoons">Cartoons</a> <a data-turbo="true" href="/category/stock-footage/city">City</a> <a data-turbo="true" href="/category/stock-footage/construction">Construction</a> <a data-turbo="true" href="/category/stock-footage/education">Education</a> <a data-turbo="true" href="/category/stock-footage/food">Food</a> <a data-turbo="true" href="/category/stock-footage/holidays">Holidays</a> <a data-turbo="true" href="/category/stock-footage/industrial">Industrial</a> <a data-turbo="true" href="/category/stock-footage/kids">Kids</a> <a data-turbo="true" href="/category/stock-footage/lifestyle">Lifestyle</a> <a data-turbo="true" href="/category/stock-footage/medical">Medical</a> <a data-turbo="true" href="/category/stock-footage/military">Military</a> <a data-turbo="true" href="/category/stock-footage/nature">Nature</a> <a data-turbo="true" href="/category/stock-footage/overhead">Overhead</a> <a data-turbo="true" href="/category/stock-footage/people">People</a> <a data-turbo="true" href="/category/stock-footage/religious">Religious</a> <a data-turbo="true" href="/category/stock-footage/science">Science</a> <a data-turbo="true" href="/category/stock-footage/slow-motion">Slow Motion</a> <a data-turbo="true" href="/category/stock-footage/special-events">Special Events</a> <a data-turbo="true" href="/category/stock-footage/sports">Sports</a> <a data-turbo="true" href="/category/stock-footage/stop-motion">Stop Motion</a> <a data-turbo="true" href="/category/stock-footage/technology">Technology</a> <a data-turbo="true" href="/category/stock-footage/time-lapse">Time Lapse</a> <a data-turbo="true" href="/category/stock-footage/vehicles">Vehicles</a> <a data-turbo="true" href="/category/stock-footage/weather">Weather</a> <a target="_blank" class="shared-global_header-categories_menu_component__linkExternal shared-global_header-categories_menu_component__linkElements shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"sub nav","ecommerce":{"promotionId":"elements_mkt-nav_child_06SEP2024","promotionName":"elements_mkt-nav_child_06SEP2024","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video?utm_campaign=elements_mkt-nav_child_06SEP2024&utm_source=videohive.net&utm_medium=referral&utm_content=vh_stock-footage">Unlimited Stock Footage</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="true" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category/add-ons"> Add Ons </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a class="shared-global_header-categories_menu_component__dropdownTop" data-turbo="true" href="/popular_item/by_category?category=add-ons">Popular Items</a> <a data-turbo="true" href="/category/add-ons/after-effects-presets">After Effects Presets</a> <a data-turbo="true" href="/category/add-ons/after-effects-scripts">After Effects Scripts</a> <a data-turbo="true" href="/category/add-ons/premiere-pro-presets">Premiere Pro Presets</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a rel="noopener noreferrer" target="_blank" data-turbo="false" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__linkExternal" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker"> Video Maker </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a data-turbo="false" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker">Video Maker</a> <a data-turbo="false" href="https://placeit.net/intro-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=intro_maker">Intro Maker</a> <a data-turbo="false" href="https://placeit.net/slideshow-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=slideshow_maker">Slideshow Maker</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a data-turbo="false" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__link" href="/category"> More </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a data-turbo="true" href="/category/cinema-4d-templates/elements">Cinema 4D Elements</a> <a data-turbo="true" href="/category/cinema-4d-templates/logo-stings">Cinema 4D Logo Stings</a> <a data-turbo="true" href="/category/cinema-4d-templates/openers">Cinema 4D Openers</a> <a data-turbo="true" href="/category/cinema-4d-templates/titles">Cinema 4D Titles</a> <a data-turbo="true" href="/category/cinema-4d-templates/video-displays">Cinema 4D Video Displays</a> <a data-turbo="true" href="/search?term=logo">Logo Files</a> <a data-turbo="true" href="/search?term=news">News Files</a> <a data-turbo="true" href="/search?term=wedding">Wedding Files</a> </nav> </div> </div> </nav> </div> </div> </div> </div> <section class="category-show_content__root" role="main"> <div class="shared-content_header_component__root"> <div class="shared-content_header_component__wrapper"> <div class="shared-content_header_component__headerWrapper"> <ol class="shared-content_header_component__list"> <li class="shared-content_header_component__listItem shared-content_header_component__crumb"> <a class="shared-content_header_component__link" href="/">Home</a> </li> <li class="shared-content_header_component__listItem">/</li> <li class="shared-content_header_component__listItem shared-content_header_component__crumb"> <a class="shared-content_header_component__link" href="/category/motion-graphics">Motion Graphics</a> </li> <li class="shared-content_header_component__listItem">/</li> <li class="shared-content_header_component__listItem shared-content_header_component__crumb">Interface Effects</li> </ol> <h1 class="shared-content_header_component__heading">Video UIs</h1> </div> <div class="shared-content_header_component__searchWrapper"> <form role="search" method="get" action="/search" class="shared-autosuggest_component__root shared-autosuggest_component__fullLayoutStyle" data-controller="autosuggest" data-action="submit->autosuggest#onSubmit" data-autosuggest-target="form" data-autosuggest-result-class="shared-autosuggest_component__searchItem" data-autosuggest-result-category-class="shared-autosuggest_component__searchItemCategory" data-autosuggest-result-separator-class="shared-autosuggest_component__searchItemSeparator" data-autosuggest-category-value="motion-graphics/interface-effects" data-autosuggest-suggestions-count-value="5"> <input type="hidden" name="category" value="motion-graphics/interface-effects" data-autosuggest-target="category"> <div class="shared-autosuggest_component__searchInputWrapper" data-controller="search-event"> <input class="shared-autosuggest_component__searchInput" placeholder="Search within this category" name="term" autocomplete="off" type="search" aria-label="search" value="" data-search-term="" data-search-event-target="input" data-action="keydown->autosuggest#onKeydown blur->autosuggest#onInputBlur focus->autosuggest#onInputFocus input->autosuggest#onInputChange" data-autosuggest-target="input" /> <nav class="shared-autosuggest_component__searchSuggestions" data-autosuggest-target="results"></nav> <button class="shared-autosuggest_component__searchBtn shared-autosuggest_component__alwaysIcon" aria-label="Search" data-action="click->search-event#submit" data-autosuggest-target="submit" > <span class="shared-autosuggest_component__searchBtnIcon shared-autosuggest_component__alwaysIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#search'></use> </svg> </span> </button> </div> </form> </div> </div> <div class="shared-content_header_component__wrapper"> <div class="shared-content_header_component__headerWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="false" > <p class="shared-content_header_component__subheading">Choose from over 6,700 video UIs. Explore items created by our global community of independent video professionals, confident they're hand-reviewed by us.</p> </div> </div> </div> <div class="category-show_content__blockWrapper"><nav class="category-categories_with_count_block_component__root"> <div class="category-categories_with_count_block_component__browseLinks"> Browse <a class="category-categories_with_count_block_component__browseLink" href="/category/motion-graphics/interface-effects?sort=date">Newest</a> <a class="category-categories_with_count_block_component__browseLink" href="/category/motion-graphics/interface-effects?sort=sales">All</a> </div> <div class="category-categories_with_count_block_component__subcategoryLinks"> <a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/3d-object?sort=sales">3D, Object (2,545)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/abstract?sort=sales">Abstract (1,466)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/technology?sort=sales">Technology (942)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/events?sort=sales">Events (231)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/miscellaneous?sort=sales">Miscellaneous (229)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/sports?sort=sales">Sports (212)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/industrial?sort=sales">Industrial (209)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/medical?sort=sales">Medical (148)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/nature?sort=sales">Nature (147)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/corporate?sort=sales">Corporate (125)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/space?sort=sales">Space (73)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/cartoons?sort=sales">Cartoons (61)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/retro?sort=sales">Retro (35)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/electric?sort=sales">Electric (34)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/water?sort=sales">Water (28)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/fire?sort=sales">Fire (25)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/light?sort=sales">Light (23)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/sky-clouds?sort=sales">Sky, Clouds (14)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/grunge?sort=sales">Grunge (6)</a><a class="category-categories_with_count_block_component__subcategoryLink" href="/category/motion-graphics/interface-effects/kids?sort=sales">Kids (3)</a> </div> </nav> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?date=this-year&sort=sales">New bestsellers</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?date=this-year&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: New bestsellers","items":[{"itemId":53526072,"index":1,"affiliation":"videohive","itemName":"Supernova Explosion A Reborn Star","itemBrand":"kall1st0","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"43.00","quantity":1},{"itemId":50912339,"index":2,"affiliation":"videohive","itemName":"Viola Flowers - Blooming Timelapse - Alpha Channel ","itemBrand":"VideoMagusFX","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"nature","price":"12.00","quantity":1},{"itemId":52609196,"index":3,"affiliation":"videohive","itemName":"Rotate Your Phone","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"11.00","quantity":1},{"itemId":54404986,"index":4,"affiliation":"videohive","itemName":"Water Spraying Effect on Black Transparent Background 3D Animation","itemBrand":"golf2536","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"29.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="53526072" data-price="43.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="53526072" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/supernova-explosion-a-reborn-star/53526072" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53526072,"itemName":"Supernova Explosion A Reborn Star","itemBrand":"kall1st0","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"43.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/6f825f19-aa20-4474-a49e-df4901362430/watermarked_preview/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/6f825f19-aa20-4474-a49e-df4901362430/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=f1af8257e21db9384be27fdcb5f41f8ce68fd25c4477cb03806fbcaf40b452c8" data-poster="https://market-resized.envatousercontent.com/previews/6f825f19-aa20-4474-a49e-df4901362430/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=f1af8257e21db9384be27fdcb5f41f8ce68fd25c4477cb03806fbcaf40b452c8" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/6f825f19-aa20-4474-a49e-df4901362430/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=53526072_supernova-explosion-a-reborn-star_by_kall1st0_preview.mp4&Expires=2051444084&Signature=MijtNClLFJ3Rfka-nohjJ0vitSmAIbz2T6no1Ym~fl0X36M1V9tiwyHRc1GOs572k2kGS0OghXbaQptMmWLaA0sw3vXgBRty0T7D-zQvYzpobG-lyoEO1jmNr7LZK2i-t7Bkuj93jQeYQVR-477IRNep1-7w~q9CLglaUmDrnUVMVP8-rF~VeRk2evIlFWurffkPmq3yOEGgZbf8wtAGf-mBngRBD9ILEsjgkACu1Lhw4UyfQcamqefE4zrWwsKEQYfc6wjYoUFpmSugADL-I02xacOrgJ2W~FxeBECf70~khtsj8pgjelbkarVLBe4-~KRfrJzchuklFLpjUcoGkAaJF~q92TnCWW1ya0S9gAiC0Fuo~5DNl~Zvz4bWXIt-QS71567tkAG8CLTRyFkcZm25ECeQSmVQLJN6fi8XDZ9lXcoHIxIS2J5EXfpcQlHK7hgnKQJ1I0mdIXdTjglZKq1EMHy89onw9zAIHxLfAXFNYuf6Uee42glpEpJKnGsHzMMck~EVOURhB0DB5psDrGzhUPg0Nu~iAEjA2x~k-tKPQ8rdQlds3xo-5bgI7XCilQzLS7pTi36~8b6pFnTEpITd6PQW0Z1IYck70-ZEF2JDLLAbjOf6gUUxcPGaYv7OLFeUpPWqAoQn4mtzS~DD8t4qLffCf92GudIS8baREKU_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=53526072" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="53526072" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/53526072" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="53526072"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/supernova-explosion-a-reborn-star/53526072" title="Supernova Explosion A Reborn Star" aria-label="View Supernova Explosion A Reborn Star" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53526072,"itemName":"Supernova Explosion A Reborn Star","itemBrand":"kall1st0","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"43.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53526072,"itemName":"Supernova Explosion A Reborn Star","itemBrand":"kall1st0","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"43.00","quantity":1}]}}" href="https://videohive.net/item/supernova-explosion-a-reborn-star/53526072">Supernova Explosion A Reborn Star</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/kall1st0" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > kall1st0 </a> in <a href="/category/motion-graphics/interface-effects/abstract" class="shared-item_cards-author_category_component__link" > Abstract </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:14 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $43 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 2 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/53526072" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=53526072" data-modal-commander-method-value="GET" data-cart-button-item-id-value="53526072" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"43.00","items":[{"affiliation":"videohive","itemId":53526072,"itemName":"Supernova Explosion A Reborn Star","itemBrand":"kall1st0","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"43.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="50912339" data-price="12.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="50912339" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/viola-flowers-blooming-timelapse-alpha-channel-/50912339" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50912339,"itemName":"Viola Flowers - Blooming Timelapse - Alpha Channel ","itemBrand":"VideoMagusFX","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"nature","price":"12.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/5612355d-c13a-4983-95e5-f64974e4db98/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/5612355d-c13a-4983-95e5-f64974e4db98/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e5352c85786362057e3fc205a6913caf8bcc36659fd0a00a7127231a9d4c3539" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/5612355d-c13a-4983-95e5-f64974e4db98/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=50912339_viola-flowers-blooming-timelapse-alpha-channel-_by_videomagusfx_preview.mp4&Expires=2028808896&Signature=hvKWvwKZ7OHzklV1F4x8Id0Mqkn7L0s2chI-GX6BvZNfNhQxkk1z12cYth1TJOAw1JasCwKJQlj8zRDRF6-wdftsgwxMfS~VIbh40hZgX22~WHQIdWAe-fbWyGWR2JNMGumPjsq-oWCIWtnP82AthMuRnlenlwhNQvvf-EwK~Pdly8Mv1bmYkhzWPBXN4EnK8m1eYOF9jVtTab7cTjZ6iroEfytR3gLqN~5-Eg3qGyTtQxXg-eYhtVkpj475y0mlY9I92KkEhUlpqkcUatLhLWI2yuaGh3Bd41m2qx-tzEZbHAdqTuEWmJ3pp4LLOdqDf-u0GzIF8xCkCICzHVD05d-KLoGJdLKyYmdc17M5dhiRJg0wg3pEaz8b2R63P5mrTChJGFGtyoAdTbKlS55bzukECOtu2dfWxG7p5lKLJ61~SF5i0ZbY4Ox~Ox6TDQLJ0g-JIrviRXgxsbWKhVD~WQ7tsQzNQI5OONhiXuuTw0UzXSoPi-s-0hAm41RSkUZr-cYKmyfrI61H9G6ZQ-F2KxxEvVdggMzQc-iElNGLGx53evx~xTNuvGRrJhds4Gym5bqNVkJxf6j7fVlVK4ta1u~l4A~U70ujqqexaOyceU8HSLTaFqgzMLETNFiBzmJplofLfvedSjQWkt0lBcDvrI4SpwNw3Z~iyDEEdEvSt5A_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=50912339" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="50912339" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50912339" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="50912339"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/viola-flowers-blooming-timelapse-alpha-channel-/50912339" title="Viola Flowers - Blooming Timelapse - Alpha Channel " aria-label="View Viola Flowers - Blooming Timelapse - Alpha Channel " data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50912339,"itemName":"Viola Flowers - Blooming Timelapse - Alpha Channel ","itemBrand":"VideoMagusFX","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"nature","price":"12.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50912339,"itemName":"Viola Flowers - Blooming Timelapse - Alpha Channel ","itemBrand":"VideoMagusFX","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"nature","price":"12.00","quantity":1}]}}" href="https://videohive.net/item/viola-flowers-blooming-timelapse-alpha-channel-/50912339">Viola Flowers - Blooming Timelapse - Alpha Channel </a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagusfx" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagusFX </a> in <a href="/category/motion-graphics/interface-effects/nature" class="shared-item_cards-author_category_component__link" > Nature </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $12 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/50912339" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=50912339" data-modal-commander-method-value="GET" data-cart-button-item-id-value="50912339" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"12.00","items":[{"affiliation":"videohive","itemId":50912339,"itemName":"Viola Flowers - Blooming Timelapse - Alpha Channel ","itemBrand":"VideoMagusFX","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"nature","price":"12.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="52609196" data-price="11.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="52609196" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/rotate-your-phone/52609196" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":52609196,"itemName":"Rotate Your Phone","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"11.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/9cec9cbf-30f3-49d0-8677-961888358781/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/9cec9cbf-30f3-49d0-8677-961888358781/video_preview/video_preview_0001.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=3b9094cff7ea63fd58ff1e969d31d1585d3de3782cfb05147577b46d6a5e2634" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/9cec9cbf-30f3-49d0-8677-961888358781/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=52609196_rotate-your-phone_by_mekmotion_preview.mp4&Expires=2051030154&Signature=gFJz37rOXBxTxQNeqw92zkmykT0eeVrNU38YW4ebduwxcQLdV0GPWGuivacsKIJiWCKAdSuA4-CG78SoZul4H55vE4YBrbVzGwW1e3QWWjoTW0sSAL1vsyA1AvP77sGdv-x6bqbZGhPCRMPuP1H2xZOS5zkdBzBU1AkUcxTNzDR8UTAfUXVgMtkEJt1jpoIMgHHDmPiWM4fnDAvaRyN2d62W-bbdEEJT8c2ezU0Td3yBXenoy2Uaq6gEw-9zk9F44-jaQtIo5tjyP3ufFTULczbmCpPpkseDsT911rHSKa9yRioQoomJrv3zdiOOFvn8ZKf-6jdAyzZU0O4Mu0h2GTcle7eG1c4rISqk8-S8CawHFd69zxo28PmOkbhk0gCpGjwm~GgKt6elCUdGatSPkganWU1f2yS6ib1PXuOQUpWvxdCEw7k3dBRs8znoCjAF3M44Gnfg933I5bEF3WqGrCymhN9b7jKJ-Q2kUWyQF5MNHRWb-rfzXMwnlKjFrR98DNEYHCFw4pHbBJYMfaM9jqZn9xaKYGhk2F4bbkqhD24yI~0D7EsMLqYsSJkY2xExZqzOLNzPEW~pQa9nGodN48seGFcE8qlRfq5N9Op4h6MXqLgxyoihZSbscJW-Z03Gp3eQ6HBIBrgpZAF96pXrQ6MceSer3x3nIcMNPgKXRzw_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=52609196" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="52609196" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/52609196" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="52609196"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/rotate-your-phone/52609196" title="Rotate Your Phone" aria-label="View Rotate Your Phone" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":52609196,"itemName":"Rotate Your Phone","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"11.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":52609196,"itemName":"Rotate Your Phone","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"11.00","quantity":1}]}}" href="https://videohive.net/item/rotate-your-phone/52609196">Rotate Your Phone</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/mekmotion" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MekMotion </a> in <a href="/category/motion-graphics/interface-effects" class="shared-item_cards-author_category_component__link" > Interface Effects </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:06 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $11 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/52609196" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=52609196" data-modal-commander-method-value="GET" data-cart-button-item-id-value="52609196" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"11.00","items":[{"affiliation":"videohive","itemId":52609196,"itemName":"Rotate Your Phone","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"11.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="54404986" data-price="29.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="54404986" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/water-spraying-effect-on-black-transparent-background-3d-animation/54404986" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":54404986,"itemName":"Water Spraying Effect on Black Transparent Background 3D Animation","itemBrand":"golf2536","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"29.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/b47e43f5-3cc6-4ed4-8fec-fe2bd5e248ae/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/b47e43f5-3cc6-4ed4-8fec-fe2bd5e248ae/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=776a16e015dada43969f88a879435f910ae4078b5855a0d363236b169d3270bf" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/b47e43f5-3cc6-4ed4-8fec-fe2bd5e248ae/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=54404986_water-spraying-effect-on-black-transparent-background-3d-animation_by_golf2536_preview.mp4&Expires=2044112973&Signature=grs1MCWmKRVPa3PyW7xOR8PFnccm4N0GqrHow0Y2DJSWESGUCuWPZhzZpFwelf4LzyVSQNTx9gTbL~b227ISuBfMC~HGClsAMxQv92BCcBK2B6rMK1BM0FUbtzXYVZi9whFxJ7XB6~c73lUOGKXUwCBPePpj4IrFe7IENQ-aEifzMZFdscLzqtDty0iBl2QP~UWW9eYgSHtk~iSq38FV0dx0x8gHyPNMcF36mu0FobzwWp5ZHDxF0NdosUgVL7yqj1ghIAIOSwIjRl12RJXg8yUCqwzY4h2N0vBYxWZaKOYkzWXQt0oMG8qfDrsKkz5s2ykBLTCdKOeJtryhQYfhLckjGjdw0A8kmX2mezkAc7ZTTedbdmsDxPsJnUc5IKn4Vw5bK-2Djw3o3Mn43j9KVomGlFW1Z96zAWKXjUypRWK0k23zw-X883WPytvpkeb5wqjJFpTOgP8~CWN-JYBUfWmbbsIA0mIkHTFbPC~Y40QBns2yCRxNRk60yxIH1jxfDH99CoIl6JybeGZU6zBxQY-FBz~IKnwyXjOuOY4~GyIOZAfYinrtxfsJvtpsFTVfYjrQPj0RJBAMrD0jJFG3olTlbcg1Hq4K0TT9cno-nGxqWNrjb5jyjrtuv-Tkd77z2khIEPztEq8Y78Ha2kP8~eVzwW7EPKA7alsB-~VSNhA_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=54404986" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="54404986" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/54404986" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="54404986"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/water-spraying-effect-on-black-transparent-background-3d-animation/54404986" title="Water Spraying Effect on Black Transparent Background 3D Animation" aria-label="View Water Spraying Effect on Black Transparent Background 3D Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":54404986,"itemName":"Water Spraying Effect on Black Transparent Background 3D Animation","itemBrand":"golf2536","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"29.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":54404986,"itemName":"Water Spraying Effect on Black Transparent Background 3D Animation","itemBrand":"golf2536","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"29.00","quantity":1}]}}" href="https://videohive.net/item/water-spraying-effect-on-black-transparent-background-3d-animation/54404986">Water Spraying Effect on Black Transparent Background 3D Animation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/golf2536" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > golf2536 </a> in <a href="/category/motion-graphics/interface-effects/water" class="shared-item_cards-author_category_component__link" > Water </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $29 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/54404986" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=54404986" data-modal-commander-method-value="GET" data-cart-button-item-id-value="54404986" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"29.00","items":[{"affiliation":"videohive","itemId":54404986,"itemName":"Water Spraying Effect on Black Transparent Background 3D Animation","itemBrand":"golf2536","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"29.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-elements_promo_items_block_component__root" data-nosnippet data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral"}}" > <div class="category-elements_promo_items_block_component__inner"> <div class="category-elements_promo_items_block_component__content"> <img loading="lazy" class="category-elements_promo_items_block_component__logo" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" height="40" alt="Elements logo" /> <header> <h2 class="category-elements_promo_items_block_component__title">Unlimited creative assets, all in one place.</h2> <p class="category-elements_promo_items_block_component__subtitle">Subscribe to Envato Elements and enjoy the upside of no limits.</p> </header> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/pricing"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodyLarge shared-brand_neue-text_component__contentPrimary"> Start creating now </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size1x" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </a> </div> <div class="category-elements_promo_items_block_component__items" data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Elements Promo","items":[{"itemId":43295724,"index":1,"affiliation":null,"itemName":"Color Gradient Animation","itemBrand":"esvetleishaya","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1},{"itemId":30954765,"index":2,"affiliation":null,"itemName":"Abstract Holographic Liquid Wave Surface with Ripple and Swirl","itemBrand":"FlashMovie","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1},{"itemId":43543412,"index":3,"affiliation":null,"itemName":"Abstract Background with Dynamic Spheres","itemBrand":"FlashMovie","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1}]}}" > <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"S7LQJW5","item_name":"Color Gradient Animation","item_brand":"esvetleishaya"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View Color Gradient Animation" data-item-id="43295724" data-turbo="false" href="https://elements.envato.com/color-gradient-animation-S7LQJW5?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=vh_promo-block&utm_medium=referral&utm_source=videohive.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/62251ee7-bb9a-40de-a351-ee5aa0755d2f/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=2c7afe8bcc87fbe7f0d666cdda0fda7ab52db16da6547dca1e4880c82bd6b5c4" alt="Color Gradient Animation" class="shared-item_preview_component__image" title="Color Gradient Animation" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> Color Gradient Animation </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"5XGQBEA","item_name":"Abstract Holographic Liquid Wave Surface with Ripple and Swirl","item_brand":"FlashMovie"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View Abstract Holographic Liquid Wave Surface with Ripple and Swirl" data-item-id="30954765" data-turbo="false" href="https://elements.envato.com/abstract-holographic-liquid-wave-surface-with-ripp-5XGQBEA?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=vh_promo-block&utm_medium=referral&utm_source=videohive.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/files/aaf93765-fec1-4e1d-a403-19561943026b/inline_image_preview.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=aaf472ec9fcfb9f367ad3cbf44c15e85f6ef07fc2bb9188033a4bb2a57b24a6d" alt="Abstract Holographic Liquid Wave Surface with Ripple and Swirl" class="shared-item_preview_component__image" title="Abstract Holographic Liquid Wave Surface with Ripple and Swirl" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> Abstract Holographic Liquid Wave Surface with Ripple and Swirl </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"UGTGCU7","item_name":"Abstract Background with Dynamic Spheres","item_brand":"FlashMovie"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View Abstract Background with Dynamic Spheres" data-item-id="43543412" data-turbo="false" href="https://elements.envato.com/abstract-background-with-dynamic-spheres-UGTGCU7?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=vh_promo-block&utm_medium=referral&utm_source=videohive.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/634f054e-9e29-46dd-8164-80b402e7a9c6/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e4c0e59fcc4dbd38857e330448817565adf6ba801ceacf37e628a728ed1528ad" alt="Abstract Background with Dynamic Spheres" class="shared-item_preview_component__image" title="Abstract Background with Dynamic Spheres" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> Abstract Background with Dynamic Spheres </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__colorInverse"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-search_filters_block_component__root"> <div class="category-search_filters_block_component__inner"> <h2 class="category-search_filters_block_component__title">You might like ...</h2> <div class="category-search_filters_block_component__filter"> <a class="category-search_filters_block_component__cta" href="/category/motion-graphics/interface-effects?resolution_min=4K"> <div class="category-search_filters_block_component__image" style="background-image: url(https://assets.market-storefront.envato-static.com/storefront/packs/media/images/shopfront_jobs/video-filter-4k-24c1a1038119d60885f6133b7342b82b.jpg)"></div> 4K </a> <div> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?resolution_min=4K&sort=date"> Browse new </a> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?resolution_min=4K&sort=sales"> Browse bestsellers </a> </div> </div> <div class="category-search_filters_block_component__filter"> <a class="category-search_filters_block_component__cta" href="/category/motion-graphics/interface-effects?resolution_min=1080p"> <div class="category-search_filters_block_component__image" style="background-image: url(https://assets.market-storefront.envato-static.com/storefront/packs/media/images/shopfront_jobs/video-filter-hd-120ae1a57c14045608e14972502be7e5.jpg)"></div> Full HD </a> <div> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?resolution_min=1080p&sort=date"> Browse new </a> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?resolution_min=1080p&sort=sales"> Browse bestsellers </a> </div> </div> <div class="category-search_filters_block_component__filter"> <a class="category-search_filters_block_component__cta" href="/category/motion-graphics/interface-effects?rating_min=4"> <div class="category-search_filters_block_component__image" style="background-image: url(https://assets.market-storefront.envato-static.com/storefront/packs/media/images/shopfront_jobs/video-filter-rated-9545fe45f86fd7c1de54440b169d0989.jpg)"></div> Highly rated </a> <div> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?rating_min=4&sort=date"> Browse new </a> <a class="category-search_filters_block_component__browseLink" href="/category/motion-graphics/interface-effects?rating_min=4&sort=sales"> Browse bestsellers </a> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?date=this-year&price_max=10&sort=sales">Hot under $11</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?date=this-year&price_max=10&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Hot under $11","items":[{"itemId":51299361,"index":1,"affiliation":"videohive","itemName":"Rotate Your Phone Animation","itemBrand":"Stocktion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1},{"itemId":51952485,"index":2,"affiliation":"videohive","itemName":"Labour Day Text Animation","itemBrand":"krenstudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"events","price":"7.00","quantity":1},{"itemId":51594695,"index":3,"affiliation":"videohive","itemName":"2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"5.00","quantity":1},{"itemId":51467245,"index":4,"affiliation":"videohive","itemName":"North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"sky-clouds","price":"10.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="51299361" data-price="10.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="51299361" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/rotate-your-phone-animation/51299361" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51299361,"itemName":"Rotate Your Phone Animation","itemBrand":"Stocktion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/d633e617-e068-4ec8-b2f9-80d8a35454bf/watermarked_preview/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/d633e617-e068-4ec8-b2f9-80d8a35454bf/video_preview/video_preview_0002.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=99d80eada46b9082cf248884cb1ff944e2c24f2f620193b9879cb087d32fb087" data-poster="https://market-resized.envatousercontent.com/previews/d633e617-e068-4ec8-b2f9-80d8a35454bf/video_preview/video_preview_0002.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=99d80eada46b9082cf248884cb1ff944e2c24f2f620193b9879cb087d32fb087" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/d633e617-e068-4ec8-b2f9-80d8a35454bf/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=51299361_rotate-your-phone-animation_by_stocktion_preview.mp4&Expires=2039851488&Signature=VyXDpEyF7wEI~JxNgfgk3kAqOVCPofajTar7yDi-nWPkJWfsx3tr1Xf8VBjg0NztEe-UKSxZyMGXo5e6ZkrvxKH4yVp8Mt71MgSVQ9gEWNfH0ZIixvlJ~lfjqm1trzrHFW7SxUF8F4iZMiiMlTikig1apYJdeUlB4qrsVa~xdzSHDlzKGSP2zRFSu4siA9i6OXC4fOmHnFmeIh8xvA0WcqwAamV6Nx8T~AwNV7PpgwJOfmzQ2Uj6Ep4RCBn4NhIFmuKCGNqvGGygBWDfY3xRIuDtwZl~S~Sz2Z8aZrTdzJNLwJ3o9zC3PeNsi~0NfmKzkrfyUeIaXa0~a75jOgsQsPSx~saTB9C~XuWp~UcbeWhd1kbwVuOgYEMIXoGTkNx2c-ooO3kln~B~Y8Afovwr1-QuDGt7ozRsxJ74VXmr3lGMvcOwrKMhx259-SvH96clonzGP4YrEVhvE1tiK-uaVneYzXMdE~WlY~Kk2MakKC6HpksFiJKQkljP8iDxV1f8Loc8Fj~-Q18bGNdwSb6Do-x8UCpgqnSa9PO2dQGV3BFFmQ-l511nwgmjLwiWGaeWuRgqy8L0bxMMbwe4zDBgSVsX1xZ1k5Cx4ssivdFW7x9wFKJEd3ElwQJPKWDQZzYaH-N50qBODqQYSSfx~wxvufRH7v7h0I8bTzHzmFxBIR4_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=51299361" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="51299361" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51299361" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="51299361"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/rotate-your-phone-animation/51299361" title="Rotate Your Phone Animation" aria-label="View Rotate Your Phone Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51299361,"itemName":"Rotate Your Phone Animation","itemBrand":"Stocktion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51299361,"itemName":"Rotate Your Phone Animation","itemBrand":"Stocktion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}" href="https://videohive.net/item/rotate-your-phone-animation/51299361">Rotate Your Phone Animation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/stocktion" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Stocktion </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:06 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/51299361" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=51299361" data-modal-commander-method-value="GET" data-cart-button-item-id-value="51299361" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"10.00","items":[{"affiliation":"videohive","itemId":51299361,"itemName":"Rotate Your Phone Animation","itemBrand":"Stocktion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="51952485" data-price="7.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="51952485" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/labour-day-text-animation/51952485" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51952485,"itemName":"Labour Day Text Animation","itemBrand":"krenstudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"events","price":"7.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/562b5106-c8db-4bc2-a070-8ca438221f30/8324cc78-8285-4e75-aab3-725f7e03f5a0/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/562b5106-c8db-4bc2-a070-8ca438221f30/ZvnVAQloSX2Mz4lgYUmv_2KaNPvQ6QRG4GM3Z8LxO_Preview%2520Cover.png?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=531599dce02e50f8346af0e1612ababb2ebf9376b3c3a7b93cb2747a40055149" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/562b5106-c8db-4bc2-a070-8ca438221f30/8324cc78-8285-4e75-aab3-725f7e03f5a0/watermarked_preview.mp4?response-content-disposition=attachment;filename=51952485_labour-day-text-animation_by_krenstudio_preview.mp4&Expires=2030093126&Signature=slBq3k40fziKHfSf5NH1IeVBW5dTOU1yglVX77wnnB-gURxFwMY2OPowV3VOKforfhMkKErRiQru47ZfBtoOW1vcNKEk8rjOoSCarTo7-UjST9mHtodkHvuA7cj0g~OYQ-BJp9fRACwiWNuU~xzis60Hg6gLQde93OACq81Nb0919ayUFolScn6IuTyyLHyyKWV77EI~HxjSx7mjLiCgF60~-5ccMQNghJIrGX8ZTbzmtAteATXtN1wlc9fyJdFpQfUFAdXg31w4gDo89-PBiCozcE0b-6NllguRx1C1~vAsVfIxjT8KGznIsWUoyE9QoFbeBXN3D794LtlF1qSXcvanDaVL7w5JKDuQlvzKt1LyKdyoCZ5Y7-GFY3wNoWMcTZxPtWg9wkuWw5JxkT6IkII8mMJBq2BTvN-14I54JInZAHspACJl8QRqyZFOxO~bJfoNr9ZP5u8f8c34gRZDjqYI78E3zWSIIthtjbtWQ40fUJITeiSfV9BxDsx0CObVTZwJDYZPQLR7WI3ZNKzQsBPzwnRWro2rLEzaAlw836wkIvu~MXVlsk6L78KVH33UB5i7Flqh019h22htcVlO3AQf5McgseDZdQoRug66rK~Z68kuhjvUPjUyt-OlXPYjYCoFLrV7Qa1kmGkbgcNWmo2MHPthEYqxzfqSqLMPqn0_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=51952485" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="51952485" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51952485" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="51952485"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/labour-day-text-animation/51952485" title="Labour Day Text Animation" aria-label="View Labour Day Text Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51952485,"itemName":"Labour Day Text Animation","itemBrand":"krenstudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"events","price":"7.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51952485,"itemName":"Labour Day Text Animation","itemBrand":"krenstudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"events","price":"7.00","quantity":1}]}}" href="https://videohive.net/item/labour-day-text-animation/51952485">Labour Day Text Animation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/krenstudio" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > krenstudio </a> in <a href="/category/motion-graphics/interface-effects/events" class="shared-item_cards-author_category_component__link" > Events </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> <div class="shared-item_cards-tooltip_component__root shared-item_cards-tooltip_component__optionColorBlack"> <div role="group" class="shared-item_cards-tooltip_component__content"> 5 Clips </div> <div class="shared-item_cards-tooltip_component__tooltip" role="tooltip"> 5 clips inside </div> </div> </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $7 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/51952485" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=51952485" data-modal-commander-method-value="GET" data-cart-button-item-id-value="51952485" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"7.00","items":[{"affiliation":"videohive","itemId":51952485,"itemName":"Labour Day Text Animation","itemBrand":"krenstudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"events","price":"7.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="51594695" data-price="5.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="51594695" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/2-beetle-bugs-black-and-white-crawling-over-screen-top-view-ms-alpha-channel-/51594695" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51594695,"itemName":"2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"5.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/3b77b2b1-cc2e-44bd-ba4c-c18cf6511c31/f9f8473a-45d2-4766-9565-2016b8b68969/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/3b77b2b1-cc2e-44bd-ba4c-c18cf6511c31/f9f8473a-45d2-4766-9565-2016b8b68969/video_preview/video_preview_0001.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=7f32615cc1aaba122f69502b9406a08f12ce3c66625dc3de53ae63e164808362" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/3b77b2b1-cc2e-44bd-ba4c-c18cf6511c31/f9f8473a-45d2-4766-9565-2016b8b68969/watermarked_preview.mp4?response-content-disposition=attachment;filename=51594695_2-beetle-bugs-black-and-white-crawling-over-screen-top-view-ms-alpha-channel-_by_videomagus_preview.mp4&Expires=2028809947&Signature=q3KIszDagypK5KLj-2kgvFhTJwTQgVlFBLEfdXoKfrjlFkXZaM1aJMRv0PkgLw09kqIXP1HGdqGXgb4Iy7~Pb37DFxOiVfxwJex8~FpheZnWolRFw-SkAhOr~SUKcqwGquPbyb2afcY~N3HxxYfGX-jhB3vruMVMuUzqcZCUxcD~IPVSikmP23wO5fF-1PyzECCrL4kkCxttJ6J98E87TOVLU7cjDEXUbi9MkvOBYOFUQD51egRqpziAl2VPIcngbm1pfFwSo9ytbaxKtdCqq4vFUOsa7CgW8-toZPot4wQ4vHEEvPPkGZTa-oKoEx-AH1H~YEHNq-aCha~zY4oo~7rTBN~VkzZpWmXCkA44wTsd68EhuQh~BnMsH6uYa7YVWfjLeDdNbctxJt5GgiAWDMjUp3tAGMHlUx3WneAiHO~reYQUVQvUs-JVi0Z9mxQI5sFsEIYU58-OUT3MyNPqqxun5hu4UZnXpAMlS9VT0WCpgk7BUNOdmoXuzEvIgYIBqnrq6UJSPDUuA4QOkDD35g2uwJDE8bRtTfy~O3CNAp0sp8dM7Is-R6hfZNXdzId~LBapZ5~J2hMT9lFfdqV-mMXhrRBiXPADusxcTwDIqYEUo2HSfUuKtSdwJVnJFfLL5KUSWNvlA9ov05ypsDeEucKa-he7Z4RRFlAqR2MVcb8_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=51594695" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="51594695" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51594695" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="51594695"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/2-beetle-bugs-black-and-white-crawling-over-screen-top-view-ms-alpha-channel-/51594695" title="2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel " aria-label="View 2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel " data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51594695,"itemName":"2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51594695,"itemName":"2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"5.00","quantity":1}]}}" href="https://videohive.net/item/2-beetle-bugs-black-and-white-crawling-over-screen-top-view-ms-alpha-channel-/51594695">2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel </a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/51594695" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=51594695" data-modal-commander-method-value="GET" data-cart-button-item-id-value="51594695" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"5.00","items":[{"affiliation":"videohive","itemId":51594695,"itemName":"2 Beetle Bugs - Black and White - Crawling Over Screen - Top View MS - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"5.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="51467245" data-price="10.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="51467245" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/north-american-seagull-bird-flying-loop-top-back-view-cu-alpha-channel-/51467245" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51467245,"itemName":"North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"sky-clouds","price":"10.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/fda05c7b-6cd5-49f1-885d-1ac86358f5ad/41e02f89-03ea-4dcd-8cb3-8a5552b61452/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/fda05c7b-6cd5-49f1-885d-1ac86358f5ad/41e02f89-03ea-4dcd-8cb3-8a5552b61452/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=ae4864a260724513b7eaa4d00cd8253780d21202dc26a9acddd6a6b6ccaf462c" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/fda05c7b-6cd5-49f1-885d-1ac86358f5ad/41e02f89-03ea-4dcd-8cb3-8a5552b61452/watermarked_preview.mp4?response-content-disposition=attachment;filename=51467245_north-american-seagull-bird-flying-loop-top-back-view-cu-alpha-channel-_by_videomagus_preview.mp4&Expires=2028809823&Signature=LBYlls5GJg-tf1qisAt380uzMeNqldR9K~qOoFXO5-l1pNLfr89VzPzoU1kp2Of-wzGYfBuj0OhKmOw9TmBie2YTNQwVl930O~bpyh~ruTF5491q1au0bdD7vcX6lL-sD5fdaf9Y0DcTjLcA3ra5EgMVTqsZRovSohPDCCvbtbXioWi1tqQsok6jnV3EUrMX6whGTcbEPStR4YqPnA4hwJy3bRJg7n76bUD0tTJiz63yGFTBtEGXgQNqeqkbMgqQDt967467U8clHViltRuxjvbIyUEvTNQV4jg62GI5prpVhmmqg9p2Vlgoh3heqfpRuAaUBbNSo44OECDuqiljIWrS~IyuwmOU2cyZJczOZqseg3ki3LBkoyJ3mPeYiAXFbvqr290l9Jf5jCoYhzrgJ~E-axyF2IW2V-KBGPZuHyej0OcwoVMw~csYTXzY0b3GjfbKtKmbfZIqfkJbwZIFOq7Dk6VapHjcH2~Hmszm9buYa3pHzWSYp5hlzYavXYSNKmQcmJRCqynumwM8RomLCvtpRpgZSHjcMUv-KiVLGE8PD0PwkpHn~z4ivD42tl9BiNk~56uQCu-ZmmFF~wm9mzYr9ZOM9uokM7787Rq8VI1D6eecVK~ghWO6LIIohgIdTDK4n6d9j8CXRxFHtPYlcZENhs8yXVIZh5qyMtYpNXw_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=51467245" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="51467245" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51467245" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="51467245"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/north-american-seagull-bird-flying-loop-top-back-view-cu-alpha-channel-/51467245" title="North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel " aria-label="View North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel " data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51467245,"itemName":"North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"sky-clouds","price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51467245,"itemName":"North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"sky-clouds","price":"10.00","quantity":1}]}}" href="https://videohive.net/item/north-american-seagull-bird-flying-loop-top-back-view-cu-alpha-channel-/51467245">North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel </a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects/sky-clouds" class="shared-item_cards-author_category_component__link" > Sky Clouds </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:16 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/51467245" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=51467245" data-modal-commander-method-value="GET" data-cart-button-item-id-value="51467245" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"10.00","items":[{"affiliation":"videohive","itemId":51467245,"itemName":"North American Seagull Bird - Flying Loop - Top Back View CU - Alpha Channel ","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"sky-clouds","price":"10.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><div class="category-popular_searches_block_component__root"> <h2 class="category-popular_searches_block_component__heading">Popular searches</h2> <nav aria-label="Popular searches"> <a href="/category/motion-graphics/interface-effects?term=torrent#content" class="category-popular_searches_block_component__termLink" >torrent</a> <a href="/category/motion-graphics/interface-effects?term=hud#content" class="category-popular_searches_block_component__termLink" >hud</a> <a href="/category/motion-graphics/interface-effects?term=visualizer#content" class="category-popular_searches_block_component__termLink" >visualizer</a> <a href="/category/motion-graphics/interface-effects?term=photo%20slideshow#content" class="category-popular_searches_block_component__termLink" >photo slideshow</a> <a href="/category/motion-graphics/interface-effects?term=infographic#content" class="category-popular_searches_block_component__termLink" >infographic</a> <a href="/category/motion-graphics/interface-effects?term=intro#content" class="category-popular_searches_block_component__termLink" >intro</a> <a href="/category/motion-graphics/interface-effects?term=water#content" class="category-popular_searches_block_component__termLink" >water</a> <a href="/category/motion-graphics/interface-effects?term=logo#content" class="category-popular_searches_block_component__termLink" >logo</a> <a href="/category/motion-graphics/interface-effects?term=motion%20animation#content" class="category-popular_searches_block_component__termLink" >motion animation</a> <a href="/category/motion-graphics/interface-effects?term=logo%20reveal#content" class="category-popular_searches_block_component__termLink" >logo reveal</a> <a href="/category/motion-graphics/interface-effects?term=technology#content" class="category-popular_searches_block_component__termLink" >technology</a> <a href="/category/motion-graphics/interface-effects?term=animation#content" class="category-popular_searches_block_component__termLink" >animation</a> <a href="/category/motion-graphics/interface-effects?term=food#content" class="category-popular_searches_block_component__termLink" >food</a> <a href="/category/motion-graphics/interface-effects?term=fire#content" class="category-popular_searches_block_component__termLink" >fire</a> <a href="/category/motion-graphics/interface-effects?term=glitch#content" class="category-popular_searches_block_component__termLink" >glitch</a> <a href="/category/motion-graphics/interface-effects?term=slideshow#content" class="category-popular_searches_block_component__termLink" >slideshow</a> </nav> </div> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?date_updated=this-year&price_max=10&sort=sales">Best selling under $11</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?date_updated=this-year&price_max=10&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Best selling under $11","items":[{"itemId":131755,"index":1,"affiliation":"videohive","itemName":"HD Spinning Earth Globe (for light background)","itemBrand":"cesgra","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1},{"itemId":4086626,"index":2,"affiliation":"videohive","itemName":"Binary Lightning - Pack of 10","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"10.00","quantity":1},{"itemId":51920,"index":3,"affiliation":"videohive","itemName":"Cool Blue Wave - Full HD Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"5.00","quantity":1},{"itemId":114611,"index":4,"affiliation":"videohive","itemName":"White Colored Film Noise Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"5.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="131755" data-price="10.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="131755" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/hd-spinning-earth-globe-for-light-background/131755" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":131755,"itemName":"HD Spinning Earth Globe (for light background)","itemBrand":"cesgra","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/131755.mp4" poster="https://market-resized.envatousercontent.com/previews/files/24228413/preview.jpeg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=0282832e171848f5270a47553f7f95d526a3852287e756bba466336807fcf8d3" data-poster="https://market-resized.envatousercontent.com/previews/files/24228413/preview.jpeg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=0282832e171848f5270a47553f7f95d526a3852287e756bba466336807fcf8d3" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/131755.mp4?response-content-disposition=attachment;filename=131755_hd-spinning-earth-globe-for-light-background_by_cesgra_preview.mp4&Expires=2044943265&Signature=ABzJVfioQl3s4L85Ey~nde7bryY7bx4SGbJaTNn7UZta0MS7nhLA4KFcFnfOmHoQf9vsXByYiGf~aP6sdAvDZ6xNpLpyb-L9eAbYMbfiQ-6neupY~NzQ8S0WSlLhMOHeYYsqXbVCSkd889clUygRf-TJGfF-~nNYK2QtRFRQq6i8hwDuvx0KTYPf6075Juu9QMOev4h42TeGzzDOBdg8qHXV9fjht8-AO~vrpOzwnjQToePhBkpS1TNZG0sk86YvON6QYJBQbz7v2SGtTOIbEwo4WkJmIK1xpUQXmLrw2y9QcmTe3R66DwzmEDmc8e3F4k1OynT-pwi41oOoOo3T0sFaO~n7BbkJXSSytvRUO5KFjoWxz~1jRhnchQp6l6tkzUodB8kZvwQuc8kkuBfWhosAN1nuhjt1fTA~-RIiBGJ7wj1ZUopGYj-N-TRH2XpzvFbZ2TPpFxvMsOhn-w9zow2y2h80MHc1lOQSgHkCzk-TzV~v~pRETo7T9oTPgurWv~io24A8SwPJdS69KfCPoL3zCgujwFLkMkwj9O9nP78zCC1HctAbOM36KHnQk2QeDbEjdtfwgJv4E9YdpmtiyLtmvTelaephiGA1Dfsoly-QPF5TT1cstmT6kEqP4RaEs54ua4u4fDPPxLOu6VizIVW9CrNNvrOwlzeRxpcXD0Q_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=131755" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="131755" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/131755" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="131755"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/hd-spinning-earth-globe-for-light-background/131755" title="HD Spinning Earth Globe (for light background)" aria-label="View HD Spinning Earth Globe (for light background)" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":131755,"itemName":"HD Spinning Earth Globe (for light background)","itemBrand":"cesgra","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":131755,"itemName":"HD Spinning Earth Globe (for light background)","itemBrand":"cesgra","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}" href="https://videohive.net/item/hd-spinning-earth-globe-for-light-background/131755">HD Spinning Earth Globe (for light background)</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/cesgra" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > cesgra </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:12 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.44 out of 5, 41 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(41)</span> </div> <div class="shared-item_cards-sales_component__root"> 760 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/131755" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=131755" data-modal-commander-method-value="GET" data-cart-button-item-id-value="131755" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"10.00","items":[{"affiliation":"videohive","itemId":131755,"itemName":"HD Spinning Earth Globe (for light background)","itemBrand":"cesgra","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"10.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="4086626" data-price="10.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="4086626" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/binary-lightning-pack-of-10/4086626" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":4086626,"itemName":"Binary Lightning - Pack of 10","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"10.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/4086626.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/353999811/lightning-binary-pack10-PRIM0.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=8425e7b7dd93d4e4acc41b1249bad0c010ca2164a0f7714f81e2b4c69c59a452" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/4086626.mp4?response-content-disposition=attachment;filename=4086626_binary-lightning-pack-of-10_by_videomagus_preview.mp4&Expires=2054514005&Signature=UJ3tx8~k1wEH8~KcQ~cl6xwkTEjWPscN-bY807TZFHm9GXqAGMzmIhggpDWg~7ShLKOcFE7VKCtOmKYsq6Isbs-XKVn~U-QqSin32uut0Yxde0mCa7q6m-qs9iSGZkUae1WlbVNesFeQTUSiC7gDXhhPzBI6p~8gXPDmnuZVVzieTn~5-ticinYgXqUoO8hI5gLG-Itqf1YUy-uFqPzgTKlpIz6fp1kR9jTRnMFkBWxW1eLrGjWjTBuO9XQZPWzfAjxI7d4fhWruUALEZrvj8lXaDhzv1HKPx4eQIIy16ADILJ25yhCqxaL9TuqxCn8X1hTXbjLECGsnQYPmr861RbSFDrzy~qHku4WWR3pkf0xzHVUZGvqYl2~WoQ9Zdp9~~SkkxMQP9LSKKQme3fVBwoLZpZVcWGfGu70ZhJ4GAeaWX9iBSuF147ylgcEdeyb1jaXzuF6CI3nxY0Mh6vBUxzol9RU2UiJ65UxLLgnCp6KhXbwIwzwlJ5NV8yPHwfSKs-DYrgcs8hAOPUUcuoBCqRT4ihK9bZJ-B8kh6rhuHrxktY5o6chP181oLZRcOh7hl2N7JKm51zMiLIzRKGeRs6-xcyDUD-StVNWQkeuaIVXoVE8nmdDF8FrLJmGZQb19niURgs2u-XWTR3UNh4JHNVXWPkqAPVI8iFpVZxtFmOw_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=4086626" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="4086626" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/4086626" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="4086626"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/binary-lightning-pack-of-10/4086626" title="Binary Lightning - Pack of 10" aria-label="View Binary Lightning - Pack of 10" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":4086626,"itemName":"Binary Lightning - Pack of 10","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":4086626,"itemName":"Binary Lightning - Pack of 10","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"10.00","quantity":1}]}}" href="https://videohive.net/item/binary-lightning-pack-of-10/4086626">Binary Lightning - Pack of 10</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects/electric" class="shared-item_cards-author_category_component__link" > Electric </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> <div class="shared-item_cards-tooltip_component__root shared-item_cards-tooltip_component__optionColorBlack"> <div role="group" class="shared-item_cards-tooltip_component__content"> 10 Clips </div> <div class="shared-item_cards-tooltip_component__tooltip" role="tooltip"> 10 clips inside </div> </div> </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.9 out of 5, 10 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(10)</span> </div> <div class="shared-item_cards-sales_component__root"> 201 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/4086626" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=4086626" data-modal-commander-method-value="GET" data-cart-button-item-id-value="4086626" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"10.00","items":[{"affiliation":"videohive","itemId":4086626,"itemName":"Binary Lightning - Pack of 10","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"10.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="51920" data-price="5.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="51920" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/cool-blue-wave-full-hd-loop/51920" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51920,"itemName":"Cool Blue Wave - Full HD Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"5.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/51920.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/30701149/coolbluewave.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=9e60f5eb0fcf434938ebe00e9dfd9349c8c7e4a856114812bcf73d91cfc88f9e" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/51920.mp4?response-content-disposition=attachment;filename=51920_cool-blue-wave-full-hd-loop_by_videomagus_preview.mp4&Expires=2030589384&Signature=UvQcAbnzeqBF-XYxf436nKlMh4f378Lj1iwS6g1kCHWk7qLaPPnARJXsi36OuA~0oLk4636Fgd5vk2wbWRiyKMLv-M4Z-gmufMeQBcQ8wDmrSEc~3F~mOGF4RN~ZtK2H7KHIVZS5SyJKvy~c1XiV-C6izLcnNHlvox5V8FFARtlnMIu95SOW3uLYGWJJRMICIwscgyv6IhhePrmEDQMsouWZ8T3kRctRppIsnGBpr-DOCLJTybDqvvu5hQniYyl6Yk2vEXAjAGMbuR-jt0nAGbarLTwAx6pEYPHyxmsc11E5mCp8sRUAD5uenGh9~4oFiyamlc7SlvAn7DdrdPzegeLp8ic0mzYnqpsmz6DWPOQ3hXd3Ltia0~skJRHvxly2rV-uEHRTa9nLunMeXGhNNshUus8QXJ1LXW-xtFq6t~fSr5Ox9J3vm47ydg0IGxLh-TwtAGdTx7oyEUWueHOBBGwCrTqYyeB~atgzj4arnpI2e5lH4tH9gWXujpSuiSQOlRC9dJb5CwUWgDZP5Pq2idV1m5ctIjDqPUGPVHgbJJeMTkzkbO9Cw5APMzXALpeckiDkNOqBhZptdDV3aZafMfYdv0OjDH8HYkg~bOxWyThvJHWMoEQ7F0MgY0PGCqJBedKvP1bUfEG~9R0prUzpTRpAoeureaunK9BSaVDjIW8_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=51920" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="51920" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51920" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="51920"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/cool-blue-wave-full-hd-loop/51920" title="Cool Blue Wave - Full HD Loop" aria-label="View Cool Blue Wave - Full HD Loop" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51920,"itemName":"Cool Blue Wave - Full HD Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":51920,"itemName":"Cool Blue Wave - Full HD Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"5.00","quantity":1}]}}" href="https://videohive.net/item/cool-blue-wave-full-hd-loop/51920">Cool Blue Wave - Full HD Loop</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects/water" class="shared-item_cards-author_category_component__link" > Water </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.5 out of 5, 14 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(14)</span> </div> <div class="shared-item_cards-sales_component__root"> 191 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/51920" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=51920" data-modal-commander-method-value="GET" data-cart-button-item-id-value="51920" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"5.00","items":[{"affiliation":"videohive","itemId":51920,"itemName":"Cool Blue Wave - Full HD Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"water","price":"5.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="114611" data-price="5.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="114611" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/colored-film-damage-full-hd-loop/114611" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":114611,"itemName":"White Colored Film Noise Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"5.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/114611.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/376632.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=3f5a006c9ae0254ef9768e409500509c401b3628b1c4538fe92140ee62947096" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/114611.mp4?response-content-disposition=attachment;filename=114611_colored-film-damage-full-hd-loop_by_videomagus_preview.mp4&Expires=2030742370&Signature=q9-7MDC7fUywzY~oAma78x3EHSFF5A4tR2P3c8xjwYc6bGCTLpywoINRHyM~q3-WuETxwwGQjXj1sdkwp5pUadLtWRChSuXeiM2hR-JKCcti~2trFKd8d859do~x9IRWbdSKuqVsdEUPlV1ZDUd6PhmRboObenmhc~8QyQYrFHVoqppzCAhFS5Rs5HCUP~tPh4z~VAKfcaMQzAJFJJYhAqd41NDIT7TwQ11MzR6nqagNCEUXFANCpwGeByvjnu2kjedlJc3Ut-uPA4cxlKSliogjid4RVewhzivQkNXZwA2kToK5sEJCcu3z25K-iKPm8vUdh3rBc4fK3yDXTD1t-JK-djiBFL4e2~pxF9Fg88o0o2ZQ-Y7TujehfMhkRJ6nY6RUVgK1R4g5VqR4BsW5dOHcPXab6Es55IssB68-JXh0jcwhEeyMcgfF88SHz7KzHTwTuJz5iEDC6prnTZ5iaYuGtyrUeX-9xAML4fSyr9NA~2jUe~PWaRSWj-LC0Z1aEae7z4ZjLfJjpGQldzOcjQ0nQJQjcS-2pxaHP8ldy1FnBhOdDPKrW9t2X8AB4OXfKuSL-p-MQYIPPomSdZcG3NkxA9bzLIb6V0xMLu3z~dgT5OLtL-RACHAykaDs-ZK9sPwwUhZ83dIqALSVcP7ArJcM1kXVIokYA2GtzpcUXuo_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=114611" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="114611" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/114611" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="114611"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/colored-film-damage-full-hd-loop/114611" title="White Colored Film Noise Loop" aria-label="View White Colored Film Noise Loop" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":114611,"itemName":"White Colored Film Noise Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":114611,"itemName":"White Colored Film Noise Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"5.00","quantity":1}]}}" href="https://videohive.net/item/colored-film-damage-full-hd-loop/114611">White Colored Film Noise Loop</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects/retro" class="shared-item_cards-author_category_component__link" > Retro </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:30 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.56 out of 5, 16 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(16)</span> </div> <div class="shared-item_cards-sales_component__root"> 181 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/114611" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=114611" data-modal-commander-method-value="GET" data-cart-button-item-id-value="114611" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"5.00","items":[{"affiliation":"videohive","itemId":114611,"itemName":"White Colored Film Noise Loop","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"5.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?sort=date">New releases</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?sort=date">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: New releases","items":[{"itemId":56605891,"index":1,"affiliation":"videohive","itemName":"Blue particles flowing smoothly in digital wave motion","itemBrand":"ImagesRouges","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"15.00","quantity":1},{"itemId":56617897,"index":2,"affiliation":"videohive","itemName":"Recording Screen Interface Overlay Alpha","itemBrand":"moonon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"19.00","quantity":1},{"itemId":56552439,"index":3,"affiliation":"videohive","itemName":"Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care","itemBrand":"maxxyustas","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"43.00","quantity":1},{"itemId":56713035,"index":4,"affiliation":"videohive","itemName":"Exploring Ancient Rock Formations and Intricate Carvings in a Cavern","itemBrand":"icetray","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"industrial","price":"23.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56605891" data-price="15.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56605891" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/blue-particles-flowing-smoothly-in-digital-wave-motion/56605891" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56605891,"itemName":"Blue particles flowing smoothly in digital wave motion","itemBrand":"ImagesRouges","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"15.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/01cf4531-21ca-4637-bf29-addcac561591/watermarked_preview/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/01cf4531-21ca-4637-bf29-addcac561591/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=82de32611f5f6d45dac4752bb827bfb5de5c957188a31451cfff8945770d4a70" data-poster="https://market-resized.envatousercontent.com/previews/01cf4531-21ca-4637-bf29-addcac561591/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=82de32611f5f6d45dac4752bb827bfb5de5c957188a31451cfff8945770d4a70" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/01cf4531-21ca-4637-bf29-addcac561591/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56605891_blue-particles-flowing-smoothly-in-digital-wave-motion_by_imagesrouges_preview.mp4&Expires=2055382082&Signature=FnO6Ekj4RuHtlRPjqZrVBQt8p~eGaGeiZWCrsaslf6MQG8HNJTeDlSmRxOxjybXr1UKlWYrVJzmfg9ktgRbINElJzB014pwwfjPcvHHE7wfMoY0Sy4Xym9GEZIIHkYq7yZ-SnrO3vK6j96RqBDoghQKFETAI6XArOoCwSz41mM2aflBaaTxgS8UPyMANCCNLBYimIE-euqhu22yWP7q4hH0XK4nsO6Pdo~6eBfOBE-gRwLS5lJLqIkmQJxUsUaUjgPjzldjouQNesw8ZfR16hAyS7zqUxAdDdB3uNXm9GCrorWjv7yVIm6Li0H34irIDISrCgmPMTFsrC2B4i0HHIchzeDSiAA3TmXQw2JyAX5PHO7xmu~Rde8P3lHtlhopsHl5fIPLZ2da9w2AIKFtv3g6SK0x6eKXkqNEw-MJto-SYI5ihxUQpYVJ7ceJ3WFHojObwTdnoiVj1qlFlsGZ8TEhji5K-JhvBSnNzwmnf6Cbcw3N2p6u12guGgTppScxBfzIa8zHOXwJGqHM6YxhYeb~F1nV8Rn28-Dsk~iQLlc7UP7~lHJ8yF~8HOOkCczTU1UBNnVlHW7OUaijqjMzfVQc9c0ReOjjugip-x9dhTOHtsCHOLWAPpkPuNXcRR17XG8QagNlyoe1lldewYxp7Q9EQFcY66yBVpLXa3iTrVHQ_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56605891" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56605891" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56605891" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56605891"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/blue-particles-flowing-smoothly-in-digital-wave-motion/56605891" title="Blue particles flowing smoothly in digital wave motion" aria-label="View Blue particles flowing smoothly in digital wave motion" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56605891,"itemName":"Blue particles flowing smoothly in digital wave motion","itemBrand":"ImagesRouges","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"15.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56605891,"itemName":"Blue particles flowing smoothly in digital wave motion","itemBrand":"ImagesRouges","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"15.00","quantity":1}]}}" href="https://videohive.net/item/blue-particles-flowing-smoothly-in-digital-wave-motion/56605891">Blue particles flowing smoothly in digital wave motion</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/imagesrouges" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > ImagesRouges </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:12 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $15 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56605891" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56605891" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56605891" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"15.00","items":[{"affiliation":"videohive","itemId":56605891,"itemName":"Blue particles flowing smoothly in digital wave motion","itemBrand":"ImagesRouges","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"15.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56617897" data-price="19.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56617897" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/recording-screen-interface-overlay-alpha/56617897" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56617897,"itemName":"Recording Screen Interface Overlay Alpha","itemBrand":"moonon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"19.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/7d61ecf1-a5f8-45a2-878b-63a58177051f/af1fee41-96a4-4c28-8128-2b00ebafa94d/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/7d61ecf1-a5f8-45a2-878b-63a58177051f/120ewx2PTw6KLyCSfE6F_dDLDeiKLSmqU53JVuhjr_Preview%2520Image.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=8e65c3426a259ae7748395a240b4c37568e98a8806d6f6538f85ba8c6469254e" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/7d61ecf1-a5f8-45a2-878b-63a58177051f/af1fee41-96a4-4c28-8128-2b00ebafa94d/watermarked_preview.mp4?response-content-disposition=attachment;filename=56617897_recording-screen-interface-overlay-alpha_by_moonon_preview.mp4&Expires=2054992632&Signature=gVCx6jGH9QzVP0HuS3V3cAC4qfCDdFwGsO89ERRCvkosEr0ZBd1CbVp7OdPsL4LuXgBfzlhkQ8Ufv6-GA9f21TGJcS4120inkdJd-o-o1APBICavciz~vd-aUtxoc3eQ7CFzrePKNfPVOfUAdp2hMmI9yvRDwa18mctW12Ste-iFafSaJ6skYnB7gQxLGWCQkrUW6vFNUfAMSdk2ZmdWcgCT9Vraldf~LBLaO7wu9-PqdmMd4D6dM7UchP7YJ6oq39fCUsgeDUZeJhiHgFCHioAnFHummd61nUR6kLhgZwqWMTD3w20TSwgMNrUUPTONmkBFaKx4F2xK9kvmIUQV6IZ9VPLV7i7KZhMZKvM~ecPO~KY2CE44EQ-CcVJcULBQ5NFhmLhR2-NdD84YgiNaA3W6FnIDGUGMNOLJ2YEwaSWCsxn4ZKJgFBC751RBCtl6CL3rC~aWjLUdT9W3~rgxmtv3ApmCl6TTP8ubVIJ1wStsLGHWoR8fv62kwqrgxJPq2Hg-Tftj8sitsHPXMI1FhtGT4y38K6ogj2QhvnH4sYKncAplZtladnXaLjVMkzEZKTa31Gfg8rjnvs6w48llV4ZpvyHRqdE4Wc4NOIO1t5hEJTljjlpXAX7xysjmm4EorqsTeFykFoNQj1pOqb3Iucb418hgsea3VhQ9PClROsE_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56617897" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56617897" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56617897" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56617897"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/recording-screen-interface-overlay-alpha/56617897" title="Recording Screen Interface Overlay Alpha" aria-label="View Recording Screen Interface Overlay Alpha" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56617897,"itemName":"Recording Screen Interface Overlay Alpha","itemBrand":"moonon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"19.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56617897,"itemName":"Recording Screen Interface Overlay Alpha","itemBrand":"moonon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"19.00","quantity":1}]}}" href="https://videohive.net/item/recording-screen-interface-overlay-alpha/56617897">Recording Screen Interface Overlay Alpha</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/moonon" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > moonon </a> in <a href="/category/motion-graphics/interface-effects" class="shared-item_cards-author_category_component__link" > Interface Effects </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 01:00 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $19 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56617897" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56617897" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56617897" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"19.00","items":[{"affiliation":"videohive","itemId":56617897,"itemName":"Recording Screen Interface Overlay Alpha","itemBrand":"moonon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"19.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56552439" data-price="43.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56552439" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/close-up-of-human-teeth-model-with-a-dental-braces-orthodontic-treatment-and-dental-care/56552439" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56552439,"itemName":"Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care","itemBrand":"maxxyustas","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"43.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/1516344e-f929-4d8e-9cb6-94589c784f07/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/1516344e-f929-4d8e-9cb6-94589c784f07/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e945bb8f5f211b5208bfdfce991c42b884ea2ad8af93b6a5cd9377f03c4a5000" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/1516344e-f929-4d8e-9cb6-94589c784f07/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56552439_close-up-of-human-teeth-model-with-a-dental-braces-orthodontic-treatment-and-dental-care_by_maxxyustas_preview.mp4&Expires=2054954950&Signature=INzDjObSTWbpFCXgTlxAP6oNuy2Oku4sDwjzcRLOkEOgwIGIUuEi~dyRZxEExOIbWHs4RyFlUyelOmbosLixN0oRZuVkuEF34tlE-5gApjzMVbXIpppMtUVVdOi6RSlCkbR4p9k2pf2FMZ4pSZrA8Av9E97xpmNpKTNFGViY4iMBABBCeioabkcBD9BdFl2QwkBtUBYiKL0gh2LvIHvpxNS-OMywmHfydtY8lmLMMnNgycYiw2XU3Zm~bNWN0br8ufHxrKq6yg1bThwYwMHpuISRV~qqENEx55~ePnXmvduJflLRyr4iX7Pet4CwrJ8IkCQT6oBucr71Z8nGyeISGTZhp8rl7Koua6VusL38Fti1Z7dn4o0~NwATgcHslEQSW3DuP2jOY68Y8pdWQK9EL77J73eTqDc0PipcXBkN0AMb~pcKzLmAugk-5PCglDvS5~wJWUYFGVzBYXAiQbPbI-t7InHhLlYACwxHLvTY4oJ5lfi~QXOPGlm65sD4rGF9iLzRKWwCI~WWA-F2Tou9z-soSm24mxB2bE3hOmCWyzgz~neJxX1pD5rB17J9gebDL3xqMfGp~w23OMImPpcncer--FVqCCovXrvZPvw8o9Gii3a6Mv2wdc6GZ1mjktNfXgB13qwWmg6~K-giwxP-WwcN2bkVpEAYtU2JbgHIB58_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56552439" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56552439" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56552439" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56552439"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/close-up-of-human-teeth-model-with-a-dental-braces-orthodontic-treatment-and-dental-care/56552439" title="Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care" aria-label="View Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56552439,"itemName":"Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care","itemBrand":"maxxyustas","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"43.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56552439,"itemName":"Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care","itemBrand":"maxxyustas","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"43.00","quantity":1}]}}" href="https://videohive.net/item/close-up-of-human-teeth-model-with-a-dental-braces-orthodontic-treatment-and-dental-care/56552439">Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/maxxyustas" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > maxxyustas </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:16 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $43 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56552439" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56552439" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56552439" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"43.00","items":[{"affiliation":"videohive","itemId":56552439,"itemName":"Close Up of Human Teeth Model with a Dental Braces Orthodontic Treatment and Dental Care","itemBrand":"maxxyustas","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"43.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56713035" data-price="23.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56713035" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/exploring-ancient-rock-formations-and-intricate-carvings-in-a-cavern/56713035" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56713035,"itemName":"Exploring Ancient Rock Formations and Intricate Carvings in a Cavern","itemBrand":"icetray","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"industrial","price":"23.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/4dfb9c5c-56b3-4386-9e44-c2dfbfb06748/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/4dfb9c5c-56b3-4386-9e44-c2dfbfb06748/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=881cba476095385c9bc95c098f678f451953081cc2ad1df33ed469336281e3bb" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/4dfb9c5c-56b3-4386-9e44-c2dfbfb06748/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56713035_exploring-ancient-rock-formations-and-intricate-carvings-in-a-cavern_by_icetray_preview.mp4&Expires=2054909509&Signature=G4IzGvpNGpShY~pPc~QfK4MGJihlnZSe2F2QeUt34X6CmA7GE2H5Y4cVvgOOrFjYMq20fjnGcvUUCBwMHdw-tRILqoR7Ms9PEetwFFi7HcgGsRwwe6~r0vVVKo9row95s-nmhWF2LyS5cp4-xE1Wrxs3rvku2IbbngIAVDmVWr4p5oQIlDufWCkSAreW3Z69i8nOosMwIRnrvfXvuYl-NdQuICaFt9m~ER6T7R2Y-qKEFpZ7~YPBBlMkagMYOQic3u2wL2x8O7EK63yIJTOxRN0BslrHuvmMMkIKDYlcmj~gUPhQzw8vvmGlsg6XKgy4PVL57O8qAHfMGm4~PKXLWKCQO6GKPozD5zL~xYstVOYdmAV0AeXSCmcQkQbqL~bPoDju5ltVfm7QAfjmOzOP3r0prwQacDQ9HtD6OQxo-U3uXH-ryVZQibLeQDOC3sq5a6IM5EJurGYIXpE7kTSll4v6B9J8O--GpE1gn7i6Mpvqy0yUCPNhdYvVKlQBDr2encqwu813fwObn~~4pew49pEXGcNGi0gRNuCNpjqCiOnL8W3gahb~WMCX~srgOO5HGRwN1CO1IZW0LtW1QWy5RM84uLT2louHnqJ3V1wlNO1BHLdX5zTfuYrPO9k43UjWa6XALFjVV4teyDuoMi1Ei~BSiJx3MHnLATLAErL5wwI_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56713035" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56713035" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56713035" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56713035"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/exploring-ancient-rock-formations-and-intricate-carvings-in-a-cavern/56713035" title="Exploring Ancient Rock Formations and Intricate Carvings in a Cavern" aria-label="View Exploring Ancient Rock Formations and Intricate Carvings in a Cavern" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56713035,"itemName":"Exploring Ancient Rock Formations and Intricate Carvings in a Cavern","itemBrand":"icetray","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"industrial","price":"23.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56713035,"itemName":"Exploring Ancient Rock Formations and Intricate Carvings in a Cavern","itemBrand":"icetray","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"industrial","price":"23.00","quantity":1}]}}" href="https://videohive.net/item/exploring-ancient-rock-formations-and-intricate-carvings-in-a-cavern/56713035">Exploring Ancient Rock Formations and Intricate Carvings in a Cavern</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/icetray" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > icetray </a> in <a href="/category/motion-graphics/interface-effects/industrial" class="shared-item_cards-author_category_component__link" > Industrial </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:06 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $23 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56713035" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56713035" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56713035" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"23.00","items":[{"affiliation":"videohive","itemId":56713035,"itemName":"Exploring Ancient Rock Formations and Intricate Carvings in a Cavern","itemBrand":"icetray","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"industrial","price":"23.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects/technology?date=this-year&sort=sales">Top technology video UIs</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects/technology?date=this-year&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Top technology video UIs","items":[{"itemId":55891163,"index":1,"affiliation":"videohive","itemName":"Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1},{"itemId":55891177,"index":2,"affiliation":"videohive","itemName":"Military Helicopter UI Animation HUD Aircraft Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1},{"itemId":55891189,"index":3,"affiliation":"videohive","itemName":"Ship UI Animation HUD Ship Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1},{"itemId":55891228,"index":4,"affiliation":"videohive","itemName":"Aircraft Identification Animation Radar Scanning and Tracking Interface","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55891163" data-price="27.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55891163" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/weapon-scanning-interface-animation-hud-missile-analyze-abstract-holographic-technology-concept/55891163" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891163,"itemName":"Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/104dd057-6376-45a4-a74a-64db90c2649c/watermarked_preview/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/104dd057-6376-45a4-a74a-64db90c2649c/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=d9056b74027aa951bf895c854d40aee1af98fa72cc25e6d7b4a08e1f7a3b10fa" data-poster="https://market-resized.envatousercontent.com/previews/104dd057-6376-45a4-a74a-64db90c2649c/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=d9056b74027aa951bf895c854d40aee1af98fa72cc25e6d7b4a08e1f7a3b10fa" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/104dd057-6376-45a4-a74a-64db90c2649c/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=55891163_weapon-scanning-interface-animation-hud-missile-analyze-abstract-holographic-technology-concept_by_motionvector_preview.mp4&Expires=2054621679&Signature=LbbfQ-toOUZ4mr46uxl2JFOIlTGqdW6oCLNmAZMXn1WmwOSn90Vs4gYXHB3F0YL9hyjxZxaEID13M4icQ6LeWzaOKTewkZqgtRHgEppxB3UcCDNV72MSm5OHIyK9sr2Nqf0oQ4J8hSnAavwEANSSPAK-lN4Z7-0FegkRyEYd80Kj6Cz7EFQqh-uXBb5UoVIq1nSNowgvzKu7~0EmrBzcK4dXoBT6g3dQZds1Jw-xOmYuZz1JTEmy2F5hq~TDIzE9VBoqGNR1p6HoMcfYOFmRhuAcQ9oqZ16UHGoRn9UbXK8ckQHyhAS~Q39wdW-QumNFvvsiYzbj8eSTovi0ztSgYjEhcywrfHeEyEXDaxV~1m-yWLQ5WtB8FuIJ4QGudEUGUB2N4QHl5BqL4VYNjiPpViEbaVUF8Y8QvrfNMNPW-qx7qljG05UXr7zJw7tTXpcmGEv6woC4vVfIjTRYykuvIlcEfQtxjoO-MBB9r7U78MWJKUaDrK7rPwruny~9MlfqMp4jjBKMBOD7QTQ1RFCQDSbOtGal3Wo7N2u1GiY0wDY1zH7Be8~gnVVW1tujRXleflOe~XvfTI~8-b-NpuBTY83AfHuE3IA6VNoJIkAaOVkuqLg~wHeUbNGor-1QUgg6WCkRzOrbxTuJPJwno4Nf-hvSeLvfK7h~BwdzoKBXU~o_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55891163" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55891163" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55891163" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55891163"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/weapon-scanning-interface-animation-hud-missile-analyze-abstract-holographic-technology-concept/55891163" title="Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept" aria-label="View Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891163,"itemName":"Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891163,"itemName":"Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" href="https://videohive.net/item/weapon-scanning-interface-animation-hud-missile-analyze-abstract-holographic-technology-concept/55891163">Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/motionvector" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MotionVector </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:12 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $27 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55891163" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55891163" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55891163" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"27.00","items":[{"affiliation":"videohive","itemId":55891163,"itemName":"Weapon Scanning Interface Animation HUD Missile Analyze Abstract Holographic Technology Concept","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55891177" data-price="27.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55891177" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/military-helicopter-ui-animation-hud-aircraft-scanning/55891177" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891177,"itemName":"Military Helicopter UI Animation HUD Aircraft Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/1e10a7d6-44a4-4a9a-8bf5-41fa8ee54c7f/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/1e10a7d6-44a4-4a9a-8bf5-41fa8ee54c7f/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=b01bac2041146cbe9c5bf28d3786e99153346bd1c2e2ef095b44c5c10d70c78b" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/1e10a7d6-44a4-4a9a-8bf5-41fa8ee54c7f/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=55891177_military-helicopter-ui-animation-hud-aircraft-scanning_by_motionvector_preview.mp4&Expires=2054621679&Signature=E39znbKVnnzD6outK4dEINuyoiFBoKAkVQvi6yMoGI3E1wID5y9d2JwpKLkAeqO7r8QmXW6cHJzpF71ghLDS9Tn2UDM5tpIDvM~xSyfwzIpsTcvEC3nb-gl8ug9TuGS5fQ2aUQlVIqQHBXteav5OaQBeHKq2djkY7dXYCV-67cpzCh1t8e33hrELy3zYt0Jl81einAunuCmloZqLDGDEDTSipHHaWQ3MBubBISNJVpDixLz~ULr0KtFqGtXtfBtdG~UvIf4vn4odcJHuE4spUHRgcoMcBqCgWjmOjeMPxILbpop2LQF4HrfinvPrCQHXppXF1cj3Bz2oX~QJjviHACO1Hd3faVpvd70R20Ft2ilx6IoaupZIsv7ytW9m-wlhLcO0Ru0AYpu0b1-4T4rXDrIB-tw0AmBvqTa1zCG7E7q551pDrw0JC324bOz2p69JFa7GgP7kuEtKkEfZMVZi4ZLFls8tQ6NvpfAfUmhmiSmZasnHINmuhVsk782o6gvUC98TNmZoMVulhl3h8-SEnwuxKaLqiKI7-j1EFlAAfhk5idvTg3ntlTqQiXR5RAvQWgI~qDKZCj~RxLEvDMM6GzaKPU1DLOqDO5HBi5RDnFSzaJ1ffuqhFS5qSiXUdKOI9EZmNPGdL-9zYrkHD8vpkYF5SCm3ZUYNjBypFqzwjGI_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55891177" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55891177" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55891177" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55891177"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/military-helicopter-ui-animation-hud-aircraft-scanning/55891177" title="Military Helicopter UI Animation HUD Aircraft Scanning" aria-label="View Military Helicopter UI Animation HUD Aircraft Scanning" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891177,"itemName":"Military Helicopter UI Animation HUD Aircraft Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891177,"itemName":"Military Helicopter UI Animation HUD Aircraft Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" href="https://videohive.net/item/military-helicopter-ui-animation-hud-aircraft-scanning/55891177">Military Helicopter UI Animation HUD Aircraft Scanning</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/motionvector" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MotionVector </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $27 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55891177" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55891177" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55891177" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"27.00","items":[{"affiliation":"videohive","itemId":55891177,"itemName":"Military Helicopter UI Animation HUD Aircraft Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55891189" data-price="27.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55891189" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/ship-ui-animation-hud-ship-scanning/55891189" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891189,"itemName":"Ship UI Animation HUD Ship Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/799f4419-503d-4aea-b21e-5fbeb0f5a8bf/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/799f4419-503d-4aea-b21e-5fbeb0f5a8bf/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e7ec9387415b07a5d5fe062295a3d63a0ca4f9ad9483d5a64eddb636713d25c2" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/799f4419-503d-4aea-b21e-5fbeb0f5a8bf/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=55891189_ship-ui-animation-hud-ship-scanning_by_motionvector_preview.mp4&Expires=2054621679&Signature=MU1nA-T54DoXPiYdxMBkHHyPUnVRkYVhj0BprLCmXP4z871-d1MyP8GHHvC2IXPmXYfkfrgsMFodi-NWGJ3v8krSEtaokOkn-5VBL5181M35li-PBIaPb26A5pTwNCIHiJkan7T8Rqu8PGV9i748lIrh3p289mJVk77XmwGdVd8Nq5NJybLm-Q5NMSvggWfxvBZ1aCax2wj-F0PITTSiu4B3GJc-Xwe8~ijvUNIx5p24RtKNU6LpWtBXhUfoddQvehGb7SB~GvsK99Ey9aOTuBgy4E4nMhl0FkJLFoYkkNZBXfmKL6afsletYfNmsYTQimwSDGjQ-gZsCZEyIZI8TcR-wV3hksRAPQrnZq9s6sLbOCfFHu5CKq3q4iL-F7yV0XTVT1uMcKdKhu0Jec1WIl2ZmXSh52Bq22RjSD22c4ytdLpKK0uMhH42tYttgKVYlcgi7VKLOY99UiSgGG73lL-ipiy6XGzOs-rrX3xfx6z2I-dqKy9DPaExvharQr5QVRUtv74WzP4qg7vAOZh9UVaYUwDwcFAMnqvTzwqiTxXgnQtQ1oUrwnXvS0E~j-IiiTSa5oEqSJlnGxyf1b-b8aOOypUf71gs561k3FRuR7ZRu1Z3tZmahGP3VqsUftQ-pjtCJO6dNBo0CqaqmtjkzWQfFF8cUURDcjJPRmyYlds_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55891189" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55891189" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55891189" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55891189"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/ship-ui-animation-hud-ship-scanning/55891189" title="Ship UI Animation HUD Ship Scanning" aria-label="View Ship UI Animation HUD Ship Scanning" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891189,"itemName":"Ship UI Animation HUD Ship Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891189,"itemName":"Ship UI Animation HUD Ship Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" href="https://videohive.net/item/ship-ui-animation-hud-ship-scanning/55891189">Ship UI Animation HUD Ship Scanning</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/motionvector" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MotionVector </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $27 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55891189" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55891189" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55891189" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"27.00","items":[{"affiliation":"videohive","itemId":55891189,"itemName":"Ship UI Animation HUD Ship Scanning","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55891228" data-price="27.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55891228" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/aircraft-identification-animation-radar-scanning-and-tracking-interface/55891228" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891228,"itemName":"Aircraft Identification Animation Radar Scanning and Tracking Interface","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/a230751b-4cbc-4061-8150-88ab302ab242/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/a230751b-4cbc-4061-8150-88ab302ab242/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e558bcda5ba894a8b2a47e35b8d810d2b66b297ef2977d45a49bc5214452e2ac" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/a230751b-4cbc-4061-8150-88ab302ab242/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=55891228_aircraft-identification-animation-radar-scanning-and-tracking-interface_by_motionvector_preview.mp4&Expires=2054621679&Signature=s2HnQo26aWRJRlkPNekrshbqyjLFUstaa2IBo2p2pyZT8BB3mIN9KD45SC4Qg9wcOQbmw90OR5vQw~c5cvAlPsLFTGKpBVV6QrRf6Ebpd9c6mhRTbrcjMJlndZZGgenR170oFWH4HF46OB8MKnAZBA3Masq-EcBV~-I1Uk156grcrLgPgoyeKdbbcrTOY63oH5gfZ5eVD3bCFyEdeGlfiuKHZGMOAJi0EdQUHEFBtWm88u-uY3~Ncd89LZYqi9bnxIDK4yZb0dEl37WrUpndTiDV3EFF61Cgo1fgV88SFjBgn0rUVNmfRoqEK6cCon5wmO3xZuJqEdM-AOH0XvRS3V3uQqadWgD4y9kQ5FyPRQEJUKc3J20khijDOutWZm4eNw9oVk5Ot26cYOyVVchseito~UHagcOLyS59Rd7AEHOQv-SkNoiFV-xKw~wXcpCKR3BtzHhrQ~3rR4Cic3rY-jMRR52iX5UIl5UqMvb1gFs8VwY-1WRx96Ey9pUsL8fBqdhkqfzj3yjaO5WE2HUt-P9~7a7tm5jW74GA5Tv228cS2x-EBrBBF40YcGtHTnq9p-fKYIMcaXmPXaF9~BbNUQ1s6i~NkWYn7l47eLn1NE-co-ToOeMJOjz~mmfqC~JkwwanS8Cl1asprDoqUH0dKX1YEqZ9uZd7KTi8FQyc-mk_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55891228" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55891228" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55891228" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55891228"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/aircraft-identification-animation-radar-scanning-and-tracking-interface/55891228" title="Aircraft Identification Animation Radar Scanning and Tracking Interface" aria-label="View Aircraft Identification Animation Radar Scanning and Tracking Interface" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891228,"itemName":"Aircraft Identification Animation Radar Scanning and Tracking Interface","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55891228,"itemName":"Aircraft Identification Animation Radar Scanning and Tracking Interface","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" href="https://videohive.net/item/aircraft-identification-animation-radar-scanning-and-tracking-interface/55891228">Aircraft Identification Animation Radar Scanning and Tracking Interface</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/motionvector" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MotionVector </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $27 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55891228" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55891228" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55891228" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"27.00","items":[{"affiliation":"videohive","itemId":55891228,"itemName":"Aircraft Identification Animation Radar Scanning and Tracking Interface","itemBrand":"MotionVector","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"27.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-search_banners_with_icons_block_component__root"> <a class="category-search_banners_with_icons_block_component__banner" href="/category/motion-graphics/interface-effects?date=this-year&sort=rating"> <img alt="Discover best rated items" width="120" height="120" class="category-search_banners_with_icons_block_component__icon" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/category/best_rated-79989e0fd47809c205c528a9e1488f30e54cdd1e4899bbd26beaa8e253342c51.svg" /> <div class="category-search_banners_with_icons_block_component__detail"> <strong class="category-search_banners_with_icons_block_component__title"> Discover best rated items </strong> <span class="category-search_banners_with_icons_block_component__cta"> <span class="category-search_banners_with_icons_block_component__ctaText"> Browse now </span> <span class="category-search_banners_with_icons_block_component__ctaIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_thin'></use> </svg> </span> </span> </div> </a> <a class="category-search_banners_with_icons_block_component__banner" href="/category/motion-graphics/interface-effects?date=this-year&sort=sales"> <img alt="Discover bestselling items" width="120" height="120" class="category-search_banners_with_icons_block_component__icon" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/category/hot-802a2eb8c680576873574b76ebe2d89f241173800fa4226499a2c30ab3a04a20.svg" /> <div class="category-search_banners_with_icons_block_component__detail"> <strong class="category-search_banners_with_icons_block_component__title"> Discover bestselling items </strong> <span class="category-search_banners_with_icons_block_component__cta"> <span class="category-search_banners_with_icons_block_component__ctaText"> Browse now </span> <span class="category-search_banners_with_icons_block_component__ctaIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_thin'></use> </svg> </span> </span> </div> </a></section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?date=this-month&sort=sales">Rising stars</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?date=this-month&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Rising stars","items":[{"itemId":56264921,"index":1,"affiliation":"videohive","itemName":"Love Transition - motion graphic","itemBrand":"Krispystuff12","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"15.00","quantity":1},{"itemId":56385983,"index":2,"affiliation":"videohive","itemName":"Blockchain Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1},{"itemId":56385935,"index":3,"affiliation":"videohive","itemName":"Cloud Computing Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1},{"itemId":56448031,"index":4,"affiliation":"videohive","itemName":"pile of coins icon line color animation 2D video for investment concept ","itemBrand":"zyxroun","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"8.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56264921" data-price="15.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56264921" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/love-transition-motion-graphic/56264921" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56264921,"itemName":"Love Transition - motion graphic","itemBrand":"Krispystuff12","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"15.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/6b24a9f7-8306-4cd9-a6c1-ea6e07957655/watermarked_preview/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/6b24a9f7-8306-4cd9-a6c1-ea6e07957655/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=8739bde1ce596af436871bc9b437d852a2817c6ecb6dd4c9f287488687275aec" data-poster="https://market-resized.envatousercontent.com/previews/6b24a9f7-8306-4cd9-a6c1-ea6e07957655/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=8739bde1ce596af436871bc9b437d852a2817c6ecb6dd4c9f287488687275aec" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/6b24a9f7-8306-4cd9-a6c1-ea6e07957655/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56264921_love-transition-motion-graphic_by_krispystuff12_preview.mp4&Expires=2053612271&Signature=tgPiLgV9a5tMyoN37AICVdz5PPFl5KB6qUlO45~7sVjNvEbR2PYqTfTIw7FibXKDw7S8mhm0YFQVaoRkukGt1girVeR1rxKfhFYIFczw9pGHuuoYIj4qgaPJaCrFCTcbVJ2P4vvhCrRm-vubxTVdzoh4i-eDZ0O8PKxq5id621rItjPQ-zmgxCxckcvl-wuk-r-x7mp~oEyJOWFf2DN5HfdJimr4cIlrk-CnT2fb~hm3Vhqn-8ISRkbGZ1WMQBvBfZEAs9PsKaFX2P5F8~ZRhnGyBP2i6OddhZ3KEVqavI7DOSsXVT69~tqLLfDZ96NXb-PzsiRWHPAaIpBrmbw5~lwdlcdLKv-SkeBsGVksXLP-HmFjTEKJfHmX-Bo2EMBkmWmwryYsT-eqG6a~5hBjjb2XN2-awcq5PpgclzA1STMnUiwiYoZoDcp5U2r33ZEFxkVsR-LXwZSr-Jdidl5WAsj0C-SP1TZXJcEMmtbj3LA0ZF9~7cEuYNTRW-8Ylq5kLHRSXzY1dLteSKP5V0JMu59iX5ylBboROnZaH4PIa732bc55TZPw7vWLP2zVDPL~KY6gD6aOWO~SBkz5EuG6Hhc07JoXzReQqxGQsr8XHHCpV7BaL9JgAJpFQCKI2pnl2e6Ij-jSvZG3dvWQVpc9o1uF5T1dMIy7SyuFBmUu-rs_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56264921" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56264921" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56264921" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56264921"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/love-transition-motion-graphic/56264921" title="Love Transition - motion graphic" aria-label="View Love Transition - motion graphic" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56264921,"itemName":"Love Transition - motion graphic","itemBrand":"Krispystuff12","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"15.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56264921,"itemName":"Love Transition - motion graphic","itemBrand":"Krispystuff12","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"15.00","quantity":1}]}}" href="https://videohive.net/item/love-transition-motion-graphic/56264921">Love Transition - motion graphic</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/krispystuff12" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Krispystuff12 </a> in <a href="/category/motion-graphics/interface-effects/retro" class="shared-item_cards-author_category_component__link" > Retro </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:02 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $15 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56264921" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56264921" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56264921" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"15.00","items":[{"affiliation":"videohive","itemId":56264921,"itemName":"Love Transition - motion graphic","itemBrand":"Krispystuff12","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"15.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56385983" data-price="8.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56385983" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/blockchain-title-with-hud-animation/56385983" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385983,"itemName":"Blockchain Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/3de9e18d-0b75-4070-aec4-f43f95823450/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/3de9e18d-0b75-4070-aec4-f43f95823450/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=5c3fac2ef77a4275759fcdeab224dff743a00f7663873a10f40a1131cae4d9b2" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/3de9e18d-0b75-4070-aec4-f43f95823450/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56385983_blockchain-title-with-hud-animation_by_qurratstudio_preview.mp4&Expires=2053833169&Signature=M9An7QH8VWjs3IDh5qtNC610Ik-XSyhz4TM~vbmeyi784tdoPjjc1ZhKTVtaY54kZnLdxEFHo4WPWrzoC3YB6dK9LVjz7CGwrLruHL6Ppq8p8PY1fhBE27gCe~d34SJNVglOeFpkX0B6yTtGlhau6MS92FQlwU8vBYEvhyoxjcVSWb8v9k4FgvHIpqZ1hzV~gEDXR2OEwiGCHRZy9ailJjn-tamqOsPnw8sQ4ckPMEmsTiwhbLD3isTHfsW22FCZDl97p6EHsAwfPlz5ZRn1c2HwBLuq2WwNrkRoGGu3GkHMpq-83QA1xxK9gydyQkR0D2pZP1t5K~HLeSs5yIsXH9UwDyq3nzDhlgQO2b175L8KmENCEzMb-7zR7JibE-njzyNbrUmoD7npn0Uso1H4e7w9FZVWQIAOA3JJbHydiZX65lJd5odPZ~fr4DUrzBi1iPKJX92gpxajziV3NHCF37VDDLUq0SWJJHHDB4MxJVh2oGMWptN~5Xd2y6jyoUargwJGIGa8bdgGuwe8DkcLaZe7BnTO~mWK9PXMHVIe5naveXKqOzZp42Ojp-G8UYx~byzCvSOlyE9V4PqJPZN~HEBjZsZX24hNt8ME1zb6UzGuAqReomHXnehO24f7q55mmJPFhvXwozkhyKvqvWYRgk7aYJu9cEjR6-UFq1c6KMw_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56385983" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56385983" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56385983" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56385983"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/blockchain-title-with-hud-animation/56385983" title="Blockchain Title With Hud Animation" aria-label="View Blockchain Title With Hud Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385983,"itemName":"Blockchain Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385983,"itemName":"Blockchain Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}" href="https://videohive.net/item/blockchain-title-with-hud-animation/56385983">Blockchain Title With Hud Animation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/qurratstudio" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > QurratStudio </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56385983" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56385983" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56385983" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"8.00","items":[{"affiliation":"videohive","itemId":56385983,"itemName":"Blockchain Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56385935" data-price="8.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56385935" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/cloud-computing-title-with-hud-animation/56385935" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385935,"itemName":"Cloud Computing Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/6a32a02f-f7c1-4a66-8a66-978987d873e7/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/6a32a02f-f7c1-4a66-8a66-978987d873e7/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=0e6d151a19dcb36c41a7d5314e9ade258a0354471cc3985dc928e0b2a62a2eb4" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/6a32a02f-f7c1-4a66-8a66-978987d873e7/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56385935_cloud-computing-title-with-hud-animation_by_qurratstudio_preview.mp4&Expires=2053833252&Signature=WkMNK4WmM7Z-Kb~2TH2i~7avu3bfS-sAJ-k3oWxt3qQGb4~E2qfaeKm3V8vhN26G6UEADWlhrm2Q1Cgh5YJtwfCabC1ZvyHnsQzM~jA8Zb-ZiCPtqK8AdgQ7xHuRiqSavU2to3rG53jJ5r2d5DePcCbSRJC2PcrPAq1geZVXRIIm8aapcXmCi8eM-hdscJhe7tWfk6M7QRuVBh41bRvoiwpSTgHdwbrWgLFIdo8yz79OM8m77fdYnt4UDPJIwQAwaTSOa~P~EdB8IdxwBfTlfP3U3lbr9QwHACeAAHdLZpYRm4XJjMxt~4ANdFAy2spKdxpKrYZRzfL5nrvLJX7jzC7H1BZlcQ7dUg2r8jlESahpE-fO68jp-5-mJqMclP3PcNH9ETtLAL2HJgooDluNCfz83UYBl~jCT-M2UFixyNm-VB6A78phhY0zAoTMKSsM-oTy1esa7nPoqNvfRRQ3Jmj4MKNLymI67ceS4llq1wWGu1aODY4ZcARQCh-VVKD78YcvTztVS7T3gcicZj4EhHXUr2NocJ72HyTVzJHVTCzwFFQRvQIzhvc6O-adnxbX1gtm4URf1xgI8ZDnyhYTB-R9hxO6HZU~Vp05rXX9T2BAdqczA1DbapfZQLl1g6IhfovMQOkJmKsKnFab3TxZC241koUgDK9fDK9B758jF8Q_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56385935" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56385935" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56385935" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56385935"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/cloud-computing-title-with-hud-animation/56385935" title="Cloud Computing Title With Hud Animation" aria-label="View Cloud Computing Title With Hud Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385935,"itemName":"Cloud Computing Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56385935,"itemName":"Cloud Computing Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}" href="https://videohive.net/item/cloud-computing-title-with-hud-animation/56385935">Cloud Computing Title With Hud Animation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/qurratstudio" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > QurratStudio </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56385935" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56385935" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56385935" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"8.00","items":[{"affiliation":"videohive","itemId":56385935,"itemName":"Cloud Computing Title With Hud Animation","itemBrand":"QurratStudio","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"8.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="56448031" data-price="8.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="56448031" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/pile-of-coins-icon-line-color-animation-2d-video-for-investment-concept-/56448031" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56448031,"itemName":"pile of coins icon line color animation 2D video for investment concept ","itemBrand":"zyxroun","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"8.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/044f587b-62c7-447b-84f8-4b17d9cc1825/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/044f587b-62c7-447b-84f8-4b17d9cc1825/video_preview/video_preview_0002.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=379d0eace9dc6a51506693ba7b4f545ca8a8791d78e5b924c295517bbcbba5e3" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/044f587b-62c7-447b-84f8-4b17d9cc1825/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=56448031_pile-of-coins-icon-line-color-animation-2d-video-for-investment-concept-_by_zyxroun_preview.mp4&Expires=2054504503&Signature=EiX2beIqAluyP~KScbPb1ils9mmNuEq2ORkxzEMLbYzKrAyTBGRok8QDJab2j038dVp~HQrXmiJsWby6TSj65aSBegwZZDHCXXDbphm1LqEqsayntm-t0~5uRbV8Fzyk-IqacviocnCcoxWdinzT7-TinHX2mkQoxHAxjvUL8bYnj4fcPYmSXyVMrDxg~EjNeyNwHQj3VLseTQmtftPf3GlY2VnXSsYPpI4CXhCcmKvw1JbjfqVish6G8Ta-RXEF3MuYITAIZeCxbFdfgz25bsLfD713bmL1-DqvLA-wuiWbMZNKXCeFDsN0uMhbBnU-pk0cVzxcXyXeKSZmTGAX0Gu7WlOqQKUNaIn~kxXlBph1GS8hJC33fwnYyD-FQ5UNv1VEcDEQg~0lt6uQTJ6V8DZwuRoqWg7yPQCPNGOUy3u-spLAk8aKownnwf~OONbSrnczlMKtEpPmz8~~-8Zm00jCIxGXTWvKYMGxOG-b3yFZszjG1PTttATTnkrV5J400NdQpWN~F-m2EMct6l5POe-Gp-HWhiwyzTD3Z3E5ABrXrfp0LbpDc~6FIbTIo0BgaRw4BjhZFJwJS6kHFLnevVD0bCWsNPV4c2UHVlX0g-~pzou~R01Zs2OkUjsv1mR55S6tOVICK4A8PisgbViUeyCGzhvxrmCQvxOc6smPgKE_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=56448031" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="56448031" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/56448031" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="56448031"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/pile-of-coins-icon-line-color-animation-2d-video-for-investment-concept-/56448031" title="pile of coins icon line color animation 2D video for investment concept " aria-label="View pile of coins icon line color animation 2D video for investment concept " data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56448031,"itemName":"pile of coins icon line color animation 2D video for investment concept ","itemBrand":"zyxroun","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":56448031,"itemName":"pile of coins icon line color animation 2D video for investment concept ","itemBrand":"zyxroun","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"8.00","quantity":1}]}}" href="https://videohive.net/item/pile-of-coins-icon-line-color-animation-2d-video-for-investment-concept-/56448031">pile of coins icon line color animation 2D video for investment concept </a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/zyxroun" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > zyxroun </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/56448031" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=56448031" data-modal-commander-method-value="GET" data-cart-button-item-id-value="56448031" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"8.00","items":[{"affiliation":"videohive","itemId":56448031,"itemName":"pile of coins icon line color animation 2D video for investment concept ","itemBrand":"zyxroun","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"8.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?sort=rating">Top rated</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?sort=rating">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Top rated","items":[{"itemId":2567194,"index":1,"affiliation":"videohive","itemName":"3D Mouse Cursor Animation To A Click (5-Pack)","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"30.00","quantity":1},{"itemId":120061,"index":2,"affiliation":"videohive","itemName":"Blue pattern LOWER THIRD \u0026 PRESENTATION CARD-combo","itemBrand":"steve314","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"8.00","quantity":1},{"itemId":5165548,"index":3,"affiliation":"videohive","itemName":"Internet Search Engine Results - 2 Looped Styles","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"corporate","price":"40.00","quantity":1},{"itemId":5310409,"index":4,"affiliation":"videohive","itemName":"Hi-tech Twins Pack","itemBrand":"Ditex_Design","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="2567194" data-price="30.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="2567194" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/3d-mouse-cursor-animation-to-a-click-5pack/2567194" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":2567194,"itemName":"3D Mouse Cursor Animation To A Click (5-Pack)","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"30.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/2567194.mp4" poster="https://market-resized.envatousercontent.com/previews/files/29825570/590_3D_mouse_cursor_clicking_update.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e47cf88bd9b49fd88e20a13941547e64b7bc80aecb2aa3847fde543a9f45758b" data-poster="https://market-resized.envatousercontent.com/previews/files/29825570/590_3D_mouse_cursor_clicking_update.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e47cf88bd9b49fd88e20a13941547e64b7bc80aecb2aa3847fde543a9f45758b" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/2567194.mp4?response-content-disposition=attachment;filename=2567194_3d-mouse-cursor-animation-to-a-click-5pack_by_butlerm_preview.mp4&Expires=2028766976&Signature=pm9GaSt5QyvKCm9IyZihbfHco0aBdRy5ycRpqqW9cNt3SOnATPPymM87wNXNY~KHSayYuRLOIFswDVVvyUsw~U94loRq0fihFDFworCqtQROP0W44SLlupsmr3WPnL2vIJ0OMHGpJjbOshJjh7ciUpoDP21xXvIlgQS-6oxsbw0ZnONmV6eisB87EKr4IoVQiIezjAFA5mSqb~6VPf128vKzGe~RfBwtrFsoJvlF6Yxg3onszZwIiB0cGVjRXzI3FOKVJOAQnDLyrNNPc0o92TdT4IPgnCFRed67McXDkFGjvBHI7jypNWcYjNQPJlWzd~USJF5zhpQDDFwmySqtDZ~OJFZmWge-q-~d9ti3RiNuUQYsKo3RHMa2Ghj5lkTbRtC32fUnrDuwZszUXm1a8uvSZxyOFkXwMUHQ4aF2RVCD8mKMEvjNID9zJIJPOL~6RAISvg~SwfIxvWOlv-wbeWiAbpblEqDtY-NVAGMP8P5ciCtFarXCCIGQIgjR7eR1664QVAsTuOe4auuZ2WcFdD5Q72ctic7Z~nbkFq-nsdbYk~8n1lEGplHAvkKCxXiOydR-~mQcXS2wFG-3u4v~5HXHkjHCKNNcokVg~LmzqHpZM8KUK6oIwlKgEN2vTpXAJ38Cfk-~371XS6w0DKOhwMvyJJJkck5n6yiyDrkL9Q0_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=2567194" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="2567194" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/2567194" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="2567194"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/3d-mouse-cursor-animation-to-a-click-5pack/2567194" title="3D Mouse Cursor Animation To A Click (5-Pack)" aria-label="View 3D Mouse Cursor Animation To A Click (5-Pack)" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":2567194,"itemName":"3D Mouse Cursor Animation To A Click (5-Pack)","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"30.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":2567194,"itemName":"3D Mouse Cursor Animation To A Click (5-Pack)","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"30.00","quantity":1}]}}" href="https://videohive.net/item/3d-mouse-cursor-animation-to-a-click-5pack/2567194">3D Mouse Cursor Animation To A Click (5-Pack)</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/butlerm" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > butlerm </a> in <a href="/category/motion-graphics/interface-effects/3d-object" class="shared-item_cards-author_category_component__link" > 3D Object </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:21 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $30 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 7 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(7)</span> </div> <div class="shared-item_cards-sales_component__root"> 174 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/2567194" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=2567194" data-modal-commander-method-value="GET" data-cart-button-item-id-value="2567194" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"30.00","items":[{"affiliation":"videohive","itemId":2567194,"itemName":"3D Mouse Cursor Animation To A Click (5-Pack)","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"3d-object","price":"30.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="120061" data-price="8.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="120061" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/blue-pattern-lower-third-presentation-cardcombo/120061" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":120061,"itemName":"Blue pattern LOWER THIRD \u0026 PRESENTATION CARD-combo","itemBrand":"steve314","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"8.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/120061.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/1101831/530+x+300+%280-00-00-00%29.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=a231fb5c4d98dfe7bdd4758a79be41cc2940e5ae9c1c05631453905b3f55b173" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/120061.mp4?response-content-disposition=attachment;filename=120061_blue-pattern-lower-third-presentation-cardcombo_by_steve314_preview.mp4&Expires=2055167400&Signature=tFnL9x3TaSaLOUvF35Wavh6EOs65Dt8A~gHlvQmHtcbBZoFI6IWCOtcXhRqkrY~BbXrddpGAOyjj9sfMEn7DSH9vA3ZbwPUwzvamX4JE37KqHwk7ldyth6jHClVXfBpVipp95IhLvN57RzYEXMrEG16GvLV30qtqeVP3a0cO69Mu41ft2fx9ByO3~ByzGcNvjMDGCNrrSpLuQURYAOQkyF1UgJJK-npGy5mDWVN6ycKKLJuC5Cq2GXgQQYWVCL-trwsfqwKf3bGcEA7JOhEroDYtRt4HTAQRYgYUadzYCOx0FhGiv1fiw-0dwe72Biq3CaIfnmZg830lYwCo~OPEZk2GEb-e8sU4pvwc4cdb5sLUVhLHd33wdl0VM~xfxYZBjFcYKs9TXmRd2k8fqjRzjGNkKjTwiibnkYfMYJIjO1fgJIw8b-TgH-UDn74EokSFoS4o2Ij1t9wiD2t57cWEPXPaL~DWXeJSj9tRI7qyOdgfM2mUzy-JN8jdgaZTEUa6Nhxe-jpeDLSVvaFvb3MTr1DBNdHj1nx-SfKpNRiV4JS~szO-6dBixPeQqkQLueMSLK3cdAmduBi7BP-lUQsOIjdDzVTpAmR7v5Jpezw12aqPrWgHZyWx7o3QEUq~P-YLqpm9iAIgbdseiVKaNNwp7KxO1D4VqOmQ5jCWn6VWtgU_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=120061" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="120061" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/120061" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="120061"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/blue-pattern-lower-third-presentation-cardcombo/120061" title="Blue pattern LOWER THIRD & PRESENTATION CARD-combo" aria-label="View Blue pattern LOWER THIRD & PRESENTATION CARD-combo" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":120061,"itemName":"Blue pattern LOWER THIRD \u0026 PRESENTATION CARD-combo","itemBrand":"steve314","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":120061,"itemName":"Blue pattern LOWER THIRD \u0026 PRESENTATION CARD-combo","itemBrand":"steve314","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"8.00","quantity":1}]}}" href="https://videohive.net/item/blue-pattern-lower-third-presentation-cardcombo/120061">Blue pattern LOWER THIRD & PRESENTATION CARD-combo</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/steve314" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > steve314 </a> in <a href="/category/motion-graphics/interface-effects/retro" class="shared-item_cards-author_category_component__link" > Retro </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:20 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 5 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(5)</span> </div> <div class="shared-item_cards-sales_component__root"> 25 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/120061" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=120061" data-modal-commander-method-value="GET" data-cart-button-item-id-value="120061" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"8.00","items":[{"affiliation":"videohive","itemId":120061,"itemName":"Blue pattern LOWER THIRD \u0026 PRESENTATION CARD-combo","itemBrand":"steve314","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"retro","price":"8.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="5165548" data-price="40.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="5165548" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/internet-search-engine-results-2-looped-styles/5165548" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5165548,"itemName":"Internet Search Engine Results - 2 Looped Styles","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"corporate","price":"40.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/5165548.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/61529766/590_Search_Engine_Results.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=ba9b906e77d76f381925947d913ac954854f1d270cb31a50db735631ba1ff719" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/5165548.mp4?response-content-disposition=attachment;filename=5165548_internet-search-engine-results-2-looped-styles_by_butlerm_preview.mp4&Expires=2028767385&Signature=O0svd4f6CR28TIWMCOXuz9~1XJxKlCRXTqV9ghTxH6cFf1~P~2Wu6xbv63dztktVxrZxA8jsNK83-GDd6wrECGsQHsqMCP~J5doTRUNPrgEPLJZaXF~llihqKbBaKyExzPttAzkHTnea9h73bDEaR0gqMG0QkcHcXv6II6E1FeQNpEd32j1TNYhlbvCB0RciD2ckOvSF3-wgrD~AJ~RlyKgfUBto6J2y8qYmbb8iKqwGf~mu1a5wIEkzJknnckVIHQOaA9T0uyiHtfpieXdVUw8yLOz6jMv2PkRemwVtknSFtjtlQrOF-oxAPYAWDmYxU6XTG13YZJXoAmvdQLbx73x6PLXromTwqE-kjNGAWkA6A6Bk2GmMiu3JbdFaguBfiZlLwbKBwRkgM-wvcXbRwYvxddWZpJRugrx2sOqGmAqJUZGDPSKwzxYDQ6uxje8wDSobO8sqLBbLQs-Mz8ZuXl-JRnqdkS2Au-Aku1MpGqmOmxAt1MqY7QewoHov-7r4ZcoRYAXUbu4gvNBDr1QJNaUk0bmI-V142iaMgOe8JC3NdOtUlUHN13OKpQ0Qf~ggJ6LqWL~yzgznTu8jnZRdAjLM~zUYATTOqv9vgAiCoyAyEhMxJr5tsIddW40SnPz0kP6fTdTm6QZHArqQeEL7HvSbJULZhqlOYk4UrSv2-Ac_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=5165548" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="5165548" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/5165548" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="5165548"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/internet-search-engine-results-2-looped-styles/5165548" title="Internet Search Engine Results - 2 Looped Styles" aria-label="View Internet Search Engine Results - 2 Looped Styles" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5165548,"itemName":"Internet Search Engine Results - 2 Looped Styles","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"corporate","price":"40.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5165548,"itemName":"Internet Search Engine Results - 2 Looped Styles","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"corporate","price":"40.00","quantity":1}]}}" href="https://videohive.net/item/internet-search-engine-results-2-looped-styles/5165548">Internet Search Engine Results - 2 Looped Styles</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/butlerm" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > butlerm </a> in <a href="/category/motion-graphics/interface-effects/corporate" class="shared-item_cards-author_category_component__link" > Corporate </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:24 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $40 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 5 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(5)</span> </div> <div class="shared-item_cards-sales_component__root"> 126 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/5165548" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=5165548" data-modal-commander-method-value="GET" data-cart-button-item-id-value="5165548" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"40.00","items":[{"affiliation":"videohive","itemId":5165548,"itemName":"Internet Search Engine Results - 2 Looped Styles","itemBrand":"butlerm","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"corporate","price":"40.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="5310409" data-price="9.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="5310409" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/hitech-twins-pack/5310409" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5310409,"itemName":"Hi-tech Twins Pack","itemBrand":"Ditex_Design","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/9d0353ea-fc90-11e2-bec6-005056923f81/5310409.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/63219998/preview.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=ce07d7ae16233287f0d286fd4fa75eb7b7dd8434d118da4fb34265bb5024b812" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/9d0353ea-fc90-11e2-bec6-005056923f81/5310409.mp4?response-content-disposition=attachment;filename=5310409_hitech-twins-pack_by_ditex-design_preview.mp4&Expires=2028767387&Signature=GSiQDBzTi3qIKyh2PDIbYI2MkVX3sI1qPxIWTpxwmxU6BXsI7YZde97F8Ep5Zp2jVF-YsvPS2umTJfoqfUEJ0xuERbo7i1T43zygNYyNjeIgRHf9LHbN7ssvIWyjjOpcNBmlPSoCMSEYfFA1HTOBOjvGAzMOEDjBvNi~3U5da7e~01Yucv9dIBQWFNdGq8T7h6oy-9aE7qFouGpgHYc1GtD3~Cqz~Kxs9IGqgQE6zNYsEXiy8X38~WWlpLTlK2a3n6eGamL8e1wLuOWVREGNzvv2WURIDTVJESWx~YfoKvV3jKFwrHjJ5D5sWoN-rvx3CecAsSoxZT2-xS20JTdtAboMCsJE-zaIamxits2fEbum-MW1M5uKwIrVgc1oTXTjq-B0XNcFO4sPglYgrRxE-4ddbNczN4hkKyq-Rc1Eri-Xn5EWhqNkzxT8Isac~EoXThIhkYfaC-qfaVkZV-svYC61OoOidiUwH50TGm8rLygMlwMLzdO99kWcuoSRtaC9pZ-NNy9FYRwDj1JMS1aDJeeGZmHwrl67-3XGwbjw7Jpi5~ddpvmN2HWn1RJf4U6OoE~WULAS6n1y2y1PYPn~HgXG2ZYvCZtv1Pm6YbwRqSlvqLMReS9p1AkyHV7gAKwrYHVklgtWMA3Lsx7JZfZ1HS8SstCoxQf9qOFRjHsMC8w_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=5310409" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="5310409" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/5310409" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="5310409"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/hitech-twins-pack/5310409" title="Hi-tech Twins Pack" aria-label="View Hi-tech Twins Pack" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5310409,"itemName":"Hi-tech Twins Pack","itemBrand":"Ditex_Design","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":5310409,"itemName":"Hi-tech Twins Pack","itemBrand":"Ditex_Design","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" href="https://videohive.net/item/hitech-twins-pack/5310409">Hi-tech Twins Pack</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/ditex_design" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Ditex_Design </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:20 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 4 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(4)</span> </div> <div class="shared-item_cards-sales_component__root"> 56 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/5310409" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=5310409" data-modal-commander-method-value="GET" data-cart-button-item-id-value="5310409" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"9.00","items":[{"affiliation":"videohive","itemId":5310409,"itemName":"Hi-tech Twins Pack","itemBrand":"Ditex_Design","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?sort=sales">Top selling</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Top selling","items":[{"itemId":12351,"index":1,"affiliation":"videohive","itemName":"Gold Star Dust Sparkles","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"5.00","quantity":1},{"itemId":3157384,"index":2,"affiliation":"videohive","itemName":"Tv On and Digital Noise","itemBrand":"studio_21","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"48.00","quantity":1},{"itemId":615689,"index":3,"affiliation":"videohive","itemName":"EKG (Heartbeat Monitor - Electrocardiogram)","itemBrand":"alexbeck","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"14.00","quantity":1},{"itemId":129280,"index":4,"affiliation":"videohive","itemName":"Hi-tech Interface","itemBrand":"MotionApe","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"11.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="12351" data-price="5.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="12351" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/gold-star-dust-transition/12351" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":12351,"itemName":"Gold Star Dust Sparkles","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"5.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/f70a76ce-0354-49d4-9c6b-b6088ddfbd9a/2677827.mp4" poster="https://market-resized.envatousercontent.com/previews/files/279848142/GOLD-STAR-DUST-TR-UP-PRIM.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=97f162b4873a80aa1e9aed504c17e284024d900fd78d9288c7f873b5f46035ac" data-poster="https://market-resized.envatousercontent.com/previews/files/279848142/GOLD-STAR-DUST-TR-UP-PRIM.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=97f162b4873a80aa1e9aed504c17e284024d900fd78d9288c7f873b5f46035ac" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/f70a76ce-0354-49d4-9c6b-b6088ddfbd9a/2677827.mp4?response-content-disposition=attachment;filename=12351_gold-star-dust-transition_by_videomagus_preview.mp4&Expires=2049471757&Signature=Tk1lStgopEQq-3fXepScsBmPTvd5JtiH5abqxlwQMJVbydAD7eaLRG~aBRNY6jhpoJd3AazECCij4mqbbTYtw-bVD2q70MaJts6z~AZ0yAbOi74w-PTdDNjB8NcN2pev5m5vSpM4IyW46IKXlFGB9SwWaug89Ki0OUdPhFoKofJUb-RDk-fHzsXFeN5nOdxT9MtZQ7MPgA3YC75cI2Mq~nKTBz3yoXK2YJ1BVygdsZKT7-d8ndETymKifBUCt70AgbS12YaoSRnG2-vM1T4Ud23wayYcVC86WDmjdc0OQc16cOd-jw6VblLKR2gekbwh3YuPKvVCmcwWDhp-ZWrhHLiL40WVZsJlOlrRIrKTEJbnx58fUW1774j4qTO-XMHToYJffF1IIPN0bFtp3AAvQUlr2uap2pbwXT7u~fOuX5HIoyUz1e7BTmP8GO9L2nru2-1SLAM8YQXBYFznVBV~LPCk~2Qj5iFT-pbXegAAALvdk~mTaslnl1kN-Ex3heIjVnHARdVQ1GiOe77CzkttSBGgj12KYI2AcpxV5hblEhI2giIEBEnBf4j~68hHqPPq5eHMvKB-ccWjeH60PEcyOGJn9OfA36RuteWwf3RPcbLLS8Gsxypqq9rlJCpMU1YdY450lwtNjw15p1oLX2HXjVDG00LfPORGNH4Xt-zrKIc_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=12351" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="12351" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/12351" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="12351"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/gold-star-dust-transition/12351" title="Gold Star Dust Sparkles" aria-label="View Gold Star Dust Sparkles" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":12351,"itemName":"Gold Star Dust Sparkles","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":12351,"itemName":"Gold Star Dust Sparkles","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"5.00","quantity":1}]}}" href="https://videohive.net/item/gold-star-dust-transition/12351">Gold Star Dust Sparkles</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/videomagus" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > VideoMagus </a> in <a href="/category/motion-graphics/interface-effects" class="shared-item_cards-author_category_component__link" > Interface Effects </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:08 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.11 out of 5, 79 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(79)</span> </div> <div class="shared-item_cards-sales_component__root"> 982 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/12351" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=12351" data-modal-commander-method-value="GET" data-cart-button-item-id-value="12351" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"5.00","items":[{"affiliation":"videohive","itemId":12351,"itemName":"Gold Star Dust Sparkles","itemBrand":"VideoMagus","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"5.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="3157384" data-price="48.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="3157384" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/tv-on-and-digital-noise/3157384" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":3157384,"itemName":"Tv On and Digital Noise","itemBrand":"studio_21","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"48.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/3157384.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/36395445/590_300.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=b4732608291467eb7bf61b7e19b2591d96f9834b437b63805c5e5ed0b2acfedb" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/3157384.mp4?response-content-disposition=attachment;filename=3157384_tv-on-and-digital-noise_by_studio-21_preview.mp4&Expires=2043240833&Signature=g156UrW-0q95CFRSyCq9Oy2uyrVyecr9YXDwyUkfMNuCyOHNVSgfRtcRxq2ZAUrNa1lawshL0Ws81a6fnr8dWfISxIMste9TZlVaciMcxAB0Z0Q8udXUnExeCyT3885mcvtPaZ4-43twNr2QzwgWhDc4obtE~b2qZ7C5SznOfcstFBYW-DNNECDXkjBUFEvkiqCiaSKMSCqG4b0c8ws~Rax6KhA8JV5xh22LVQeRcbn8TB0chpQgrlHM64slRz7YpcAkOmEEVOp47unxOXqGTdUtz9B6n-VRH-AB4JWnZTIkLVe7UHBAbQ0KHPz7nri~LjFhxB66dMvyqayop5JFx2AEo2mAVsVk6gIajktAxdzY0iLKroVG8y4Rc3x-DzfruEaCiAuMYAmtSoLotaoyy0rRKx0RelnqgoyvTiYYS0xJnhBT9PaamehuRv69tx8gBhnYt4lU7wnfiC6hpkV2dO9RKCoOtWe2v-REWMSY2FO1T3fnHiWeaAe9sJOfuAcy8mOf2agW-3wGVhSbPA21tUz4UYfSDREQKJF27hsbOQbaK9QQSHJWdFzReaUBvL0XUcFgCpvz5PQ4Gh70KCH8NS9mOhAev0IAR6hsEytupIjuV4O3oc8y9LwxlM11jX98o1XcdyoinnJg0gJzjSxCoffZ94iMEoR5lPlk71T-mA0_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=3157384" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="3157384" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/3157384" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="3157384"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/tv-on-and-digital-noise/3157384" title="Tv On and Digital Noise" aria-label="View Tv On and Digital Noise" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":3157384,"itemName":"Tv On and Digital Noise","itemBrand":"studio_21","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"48.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":3157384,"itemName":"Tv On and Digital Noise","itemBrand":"studio_21","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"48.00","quantity":1}]}}" href="https://videohive.net/item/tv-on-and-digital-noise/3157384">Tv On and Digital Noise</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/studio_21" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > studio_21 </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:03 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $48 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.43 out of 5, 28 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(28)</span> </div> <div class="shared-item_cards-sales_component__root"> 714 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/3157384" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=3157384" data-modal-commander-method-value="GET" data-cart-button-item-id-value="3157384" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"48.00","items":[{"affiliation":"videohive","itemId":3157384,"itemName":"Tv On and Digital Noise","itemBrand":"studio_21","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"48.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="615689" data-price="14.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="615689" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/ekg-heartbeat-monitor-electrocardiogram/615689" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":615689,"itemName":"EKG (Heartbeat Monitor - Electrocardiogram)","itemBrand":"alexbeck","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"14.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/615689.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/7164903/EKG-prev.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=ace1bab94058bc0c1ba8386479c9c8555fe861ccc95dbf6b327ea09336d9de35" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/615689.mp4?response-content-disposition=attachment;filename=615689_ekg-heartbeat-monitor-electrocardiogram_by_alexbeck_preview.mp4&Expires=2034143472&Signature=Q5yBpLYBP3voz7pVtN4faYd0Dn6q9YdwTcnLhOJLs6z1PoJWQM2vTWrfwgc-8Qi1lkhWkeIZ1rnt1BJSJg4wYa-wAf7cXqWVkjOJIGETGubNk9Z5w2ehbyvP6gVbcT6YjSz2AiwiQbYtaQoCHRu2AX5nIMdOPpyoNpBlELypEsIS1BQDXlbPri6Ypd6RcPP1cyJptPxhhKWFiW0shsYejOLPmvsdcWMyz4vqaioBgJjRhw~nUe8xG5menrFmKGZchY9um5a6nFaA8GPcb5cc8X1oWpBdAI5LiHMk~wNoBs7Mve-zKOSxv4Z9YwIsTxCexMFPEDrdOLVVtGYaE2~e8R-shvvaBrAxScr-aoQQj0eqn0jqRpPRAsrO0tDUCO2PsitpqhC~OitVa-KiO0ctrcACMSjOJqAHRnoshM6hm9RfHUrixlD6RceauDOuen39yREaOhjRz40jDvqLqWliZSKWQoa6RtZTkoi7phK92ADokqp2bWw0KlzVIGOXUHW60zTNS2jyyYxDUQmnBg2UT9uMYJsmRHzJ5hqFln9-pwuGkssnjs6dcQ~9yHR5V7F9UM8dzhKaJFFPP11YsBzvdDJKMTQ3Sl9WJHiFh9SoMJIL27xaBiPrGgKp5jAx3~xEIPNpQnDY6rlomz32Hi1eLJUDRtnZdJ91oUXDF76~esQ_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=615689" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="615689" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/615689" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="615689"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/ekg-heartbeat-monitor-electrocardiogram/615689" title="EKG (Heartbeat Monitor - Electrocardiogram)" aria-label="View EKG (Heartbeat Monitor - Electrocardiogram)" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":615689,"itemName":"EKG (Heartbeat Monitor - Electrocardiogram)","itemBrand":"alexbeck","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"14.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":615689,"itemName":"EKG (Heartbeat Monitor - Electrocardiogram)","itemBrand":"alexbeck","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"14.00","quantity":1}]}}" href="https://videohive.net/item/ekg-heartbeat-monitor-electrocardiogram/615689">EKG (Heartbeat Monitor - Electrocardiogram)</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/alexbeck" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > alexbeck </a> in <a href="/category/motion-graphics/interface-effects/electric" class="shared-item_cards-author_category_component__link" > Electric </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 1:50 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $14 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.86 out of 5, 22 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(22)</span> </div> <div class="shared-item_cards-sales_component__root"> 691 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/615689" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=615689" data-modal-commander-method-value="GET" data-cart-button-item-id-value="615689" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"14.00","items":[{"affiliation":"videohive","itemId":615689,"itemName":"EKG (Heartbeat Monitor - Electrocardiogram)","itemBrand":"alexbeck","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"electric","price":"14.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="129280" data-price="11.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="129280" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/hitech-interface/129280" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":129280,"itemName":"Hi-tech Interface","itemBrand":"MotionApe","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"11.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/h264-video-previews/129280.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/files/1203902/video_preview.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=12ff12a183d8b0e202a142d4c8dddcfb6d0990838e5dc32fd1ecfaa0f4f67342" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/129280.mp4?response-content-disposition=attachment;filename=129280_hitech-interface_by_motionape_preview.mp4&Expires=2042884703&Signature=SGuvUi-GTOmnlUYJ8mpAodG72i9tAgfFGtfs3HQK6-Sci~4pFevOFMGyra1VT0GIivcyS3QkJxt3Uo3l3BotldffEpy5EAGIHprNN3wFQx46llxWGQyANKVhde~~R9Jgot2MbkwoGqEdSHhij-7bAIuG8LdnfYh4tmHA5X~c4cAFuLw3uuTLP1poxMjWJPDQOcmR3NNwuogyEQGpeLD2yxYtOaG7DjuElaW3L-uScQLt9WiHyMFJXoyoYU6yQo4CgKICURdNj69ilMf5KePU6INzfL-iInjUD2~D73j6VqCA4dHF3em8CDOUsB5oU54lHvfq9PPYJQ5q3ZgGO7mngaeQAsRtRYEgS4bhX05LDS9jMUINK2wura9Ffy1Tbqu7xSTzQZ8SbFGjySCiqG9MzwdgfFaRVCOfHabNnDQo5cpk~5RWvJpvf1d6vkS-gZDRUW2RIpfqHLD-Lq9YIFJVTG~RyVko-guHW4z3QrYNLLUROzseXLpitLeT4uHVn31fleYebSmtEHZGrJYR7z5yLXNhRffDOV--PnQEFlQmw2K7iLlSAM29jdkuQ9JxSj8SkKc60wVQIlyjpPc0Od4YDAWDr2ICCjeK7rnPsivRMSBjw01dP5CiDQ6CVCtEouBncVKOcowzdR4Lgpsg07njJZ-Y~E~LDPqNQGrsog4gDAk_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=129280" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="129280" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/129280" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="129280"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/hitech-interface/129280" title="Hi-tech Interface" aria-label="View Hi-tech Interface" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":129280,"itemName":"Hi-tech Interface","itemBrand":"MotionApe","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"11.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":129280,"itemName":"Hi-tech Interface","itemBrand":"MotionApe","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"11.00","quantity":1}]}}" href="https://videohive.net/item/hitech-interface/129280">Hi-tech Interface</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/motionape" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MotionApe </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 0:20 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $11 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.47 out of 5, 57 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_4.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(57)</span> </div> <div class="shared-item_cards-sales_component__root"> 664 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/129280" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=129280" data-modal-commander-method-value="GET" data-cart-button-item-id-value="129280" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"11.00","items":[{"affiliation":"videohive","itemId":129280,"itemName":"Hi-tech Interface","itemBrand":"MotionApe","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"11.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/motion-graphics/interface-effects?date=this-year&price_max=13&sort=sales">Hot under $14</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/motion-graphics/interface-effects?date=this-year&price_max=13&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Hot under $14","items":[{"itemId":55467344,"index":1,"affiliation":"videohive","itemName":"Rotate Your Phone Animation Alpha","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"12.00","quantity":1},{"itemId":53962642,"index":2,"affiliation":"videohive","itemName":"4K Hud Blue Technology Border Animation Element","itemBrand":"zihecg","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"13.00","quantity":1},{"itemId":55336303,"index":3,"affiliation":"videohive","itemName":"Rotate Your Phone | Silver Phone","itemBrand":"chintanki","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"12.00","quantity":1},{"itemId":50868071,"index":4,"affiliation":"videohive","itemName":"Abstract digital data technology background, digital data connection, futuristic network connecting.","itemBrand":"DeadLeaf_Ayon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55467344" data-price="12.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55467344" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/rotate-your-phone-animation-alpha/55467344" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55467344,"itemName":"Rotate Your Phone Animation Alpha","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"12.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/5040b029-15f8-4882-b4a2-6ab2de572266/38e55511-ad85-4f2a-b1d9-5762a0a42353/watermarked_preview.mp4" poster="https://market-resized.envatousercontent.com/previews/video-previews/5040b029-15f8-4882-b4a2-6ab2de572266/38e55511-ad85-4f2a-b1d9-5762a0a42353/video_preview/video_preview_0002.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e131e92c71b72c69bdded3efc2a25c8b59654cc4773d1d7e4c92b728a3bc6cf0" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/5040b029-15f8-4882-b4a2-6ab2de572266/38e55511-ad85-4f2a-b1d9-5762a0a42353/video_preview/video_preview_0002.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=e131e92c71b72c69bdded3efc2a25c8b59654cc4773d1d7e4c92b728a3bc6cf0" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/5040b029-15f8-4882-b4a2-6ab2de572266/38e55511-ad85-4f2a-b1d9-5762a0a42353/watermarked_preview.mp4?response-content-disposition=attachment;filename=55467344_rotate-your-phone-animation-alpha_by_mekmotion_preview.mp4&Expires=2053976193&Signature=rk8XXH9DuKdybx13~~Qe90DhVrrfSvHO9TX~UgHFBcIzuqfg4Ctmc5OSBnz5c8~hXS4LWmAr-rwZLqCJMKBbb~RFpfB-nzNVIuQJiisqWZMqcq02gOT59Owo4bto2mHvhPi8QYC3U21YveTy1Z1gqbdKkQ6hxcMW5bj-6tOFgznqj3EE~7xf-1FskGNULtUqwQ1saCqh~q7UABVjekmoO8YaP5cqZ~x5ZzTaOFo3aje0JBw-c06sKznFfV-l2XhFNt62-GSOToxtfCmHw6flJOHKErFwUDzUBb~dcFV30~cbLQAXmMCDBwCz5j9ySLUIXAgjy8Fywn2b1yh~e0F9TzxMLXcC4KePiWB5AAJGeuLK3v~~MWjYcqVwvrmLaxT-~qfAhH1ufhpM8NjjHoiws~IcJjloDL8hxYEA55nfgu~SWgGT1Q0bQYG-E0TnKQh6rmXl7hw1wXffYYRtq6IaAa8~c6NmQ88o62JxFDylG~jVZLUgWHu5RKg34Q2Ktmoz0V2hH4WtM3pEX1xL-HEul7KeGJZ7KZ8~mfisgL9aoatVIrPzOxeIpu~yuzkSK~3zk3zbqCGuH6OLgl7bV6Zpc3pRNnhUMxAcR0sJgdVRK-3HhYkrkvtI8z~uR4iTXIBaE8ctcILMH5lQK6ylIdaihJZzLVxXwNvF~pfk~uC1F30_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55467344" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55467344" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55467344" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55467344"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/rotate-your-phone-animation-alpha/55467344" title="Rotate Your Phone Animation Alpha" aria-label="View Rotate Your Phone Animation Alpha" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55467344,"itemName":"Rotate Your Phone Animation Alpha","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"12.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55467344,"itemName":"Rotate Your Phone Animation Alpha","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"12.00","quantity":1}]}}" href="https://videohive.net/item/rotate-your-phone-animation-alpha/55467344">Rotate Your Phone Animation Alpha</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/mekmotion" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MekMotion </a> in <a href="/category/motion-graphics/interface-effects" class="shared-item_cards-author_category_component__link" > Interface Effects </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:06 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $12 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55467344" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55467344" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55467344" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"12.00","items":[{"affiliation":"videohive","itemId":55467344,"itemName":"Rotate Your Phone Animation Alpha","itemBrand":"MekMotion","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"12.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="53962642" data-price="13.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="53962642" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/4k-hud-blue-technology-border-animation-element/53962642" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53962642,"itemName":"4K Hud Blue Technology Border Animation Element","itemBrand":"zihecg","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"13.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/717ca481-aaa6-4d0f-afe9-b05bbcdb8447/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/717ca481-aaa6-4d0f-afe9-b05bbcdb8447/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=fd5b1e32f8608bb76daa8ca4a4d0c36b9ea64ce69e7638e42ef18de72178b82d" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/717ca481-aaa6-4d0f-afe9-b05bbcdb8447/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=53962642_4k-hud-blue-technology-border-animation-element_by_zihecg_preview.mp4&Expires=2043192436&Signature=a9ClJwJ5v9RM1WodcpqAb~LPDhjPgyC0-d~oI27RjX6n9a3b8IuBh9aqKzsplNSVeZWNd9j3sky5rqwQ4zpxACCjk~wvdhea3FozTj9v9bSeCNPOgTAbnNh3M3fL4rb2XlX7amc5P7Bvrk7xxXwUYQ09Em-qbKEe3VmTcHT17dB3Pm2yhBLRGRPel6Tf~kWhq-RjVO0bYeVIM~B~uBKrzDtsfs6BE7nCdB3MT0EowIT0oiGhZ5eBS4zRZ7i1AA0XHMXnQpo4rmF2xo~L9J8v6mVy5d6e3fFm2YGnW~-tbEIG9XWcerssGng3EaZhtYGL8dq17NenmXu7AY10IwDtZgZIPACWq~NKFn0Bhp~FzXlcc0itTITVIhnLl1WB3wR91SvNJmT5AikhkcLKBErgJgDeACIWeN9HM-AUrdDJkcVpMQ~uKQ5Ijf7keZkqwSquss2rapPUTlOPwM0qPuhpozOrPI-S~MMbj4gqDAQeAjZWd1uvTBrfMuBxwrAQcj~wZuwk33V~cML0lodl1l6QDzZj8sSPoWtdSoE~mDwVx3Mc59Ni16bkSeVLP-coVvOvvRZ7Cl5MUW-NoP8Mw9Pc6fQfVlyHyZby14M78wmYaNuRpsKXbUG0WzAyCmF81~vzN1FPKPJdtZvwElDfyPQjS4VT8Ncu20dp~ywbio~-yS0_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=53962642" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="53962642" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/53962642" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="53962642"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/4k-hud-blue-technology-border-animation-element/53962642" title="4K Hud Blue Technology Border Animation Element" aria-label="View 4K Hud Blue Technology Border Animation Element" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53962642,"itemName":"4K Hud Blue Technology Border Animation Element","itemBrand":"zihecg","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"13.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":53962642,"itemName":"4K Hud Blue Technology Border Animation Element","itemBrand":"zihecg","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"13.00","quantity":1}]}}" href="https://videohive.net/item/4k-hud-blue-technology-border-animation-element/53962642">4K Hud Blue Technology Border Animation Element</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/zihecg" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > zihecg </a> in <a href="/category/motion-graphics/interface-effects" class="shared-item_cards-author_category_component__link" > Interface Effects </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $13 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/53962642" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=53962642" data-modal-commander-method-value="GET" data-cart-button-item-id-value="53962642" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"13.00","items":[{"affiliation":"videohive","itemId":53962642,"itemName":"4K Hud Blue Technology Border Animation Element","itemBrand":"zihecg","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":null,"price":"13.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="55336303" data-price="12.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="55336303" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/rotate-your-phone-silver-phone/55336303" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55336303,"itemName":"Rotate Your Phone | Silver Phone","itemBrand":"chintanki","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"12.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/video-previews/b39299d8-5615-4276-a359-118da5387f91/451707cd-367d-4bb1-8571-189975617305/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/video-previews/b39299d8-5615-4276-a359-118da5387f91/R2HuEQQVu2AJsW2Rnyg6_Photo.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=6beebbcaaea5699435d439b87b15347b72961d8a63ff3d4068602216a2f621dc" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/video-previews/b39299d8-5615-4276-a359-118da5387f91/451707cd-367d-4bb1-8571-189975617305/watermarked_preview.mp4?response-content-disposition=attachment;filename=55336303_rotate-your-phone-silver-phone_by_chintanki_preview.mp4&Expires=2049294244&Signature=awgxo5dAf9aohi4aWfvb4r9RyH07OLUguRuO7zh5Ws~PrgKL75fStwTWByNeohnoxOMwhb5-z1tqUvFfMbS3LxgibEa3lBQq1rHGfRpOByGUyJbg2XFzgxK6tvfv-ee2vr1ctVWmM0qv9UwOrxza2wQj8ygN5q6r-K~fp-IXxeawXAft5i0vngnvcu1ip9VWBL4HnP44XbRX8yQ5DLsnQ3lF6GH-0Hni89BsNpbcGjUB2EEjR4f9RRHvYgPHX-OFovNiGA87UDZ1ArVSBWPoFCxgKlKjAv3mh~EKbRwO7EktSrWJnIHowS2HWfyc9IBXRlBKYq9dXXeXAsruVTZVehQtqy3kUwlbcQyF~~XfIWDFbvl2QLr9GyhdXby1mTy7D4ZFCcA9cWooBTQCSR4uMCszDd3nSghBeGUP2fZTSQqSTD7Jun0vBpm4FOPsK~DMd-PsjDf0zW8eH-xDbPeTmxL5itUdJiX~CqmSe0LHUcXlEDQOk8V0SPXL6BkziEAgwFaYY5oizOBEKB3BYpizGSVi8Tvik8ELSrZmKYHxn4-gcPOfxsW0UIOIdzSANDDfiI-eFGqBQu16LGTEWzKrFgQ~AwjnVkbFOqr3aM7lA1~wVjvLLzyqv0vELNVPJk-jTQRII7ziqJLO-Y3taYb0~7g01dEtT62HKHItAFN-GXg_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=55336303" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="55336303" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55336303" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="55336303"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/rotate-your-phone-silver-phone/55336303" title="Rotate Your Phone | Silver Phone" aria-label="View Rotate Your Phone | Silver Phone" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55336303,"itemName":"Rotate Your Phone | Silver Phone","itemBrand":"chintanki","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"12.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":55336303,"itemName":"Rotate Your Phone | Silver Phone","itemBrand":"chintanki","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"12.00","quantity":1}]}}" href="https://videohive.net/item/rotate-your-phone-silver-phone/55336303">Rotate Your Phone | Silver Phone</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/chintanki" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > chintanki </a> in <a href="/category/motion-graphics/interface-effects/abstract" class="shared-item_cards-author_category_component__link" > Abstract </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:06 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $12 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/55336303" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=55336303" data-modal-commander-method-value="GET" data-cart-button-item-id-value="55336303" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"12.00","items":[{"affiliation":"videohive","itemId":55336303,"itemName":"Rotate Your Phone | Silver Phone","itemBrand":"chintanki","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"abstract","price":"12.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-video_card_component__root" data-favorites-loader-target="item" data-item-id="50868071" data-price="9.00" data-site="videohive" > <div class="shared-item_cards-grid-video_card_component__preview"> <div class="shared-item_cards-preview_video_component__root shared-item_cards-preview_video_component__muted" data-video-player-is-hovered-class="shared-item_cards-preview_video_component__isHovered" data-video-player-mute-icon-class="shared-item_cards-preview_video_component__muted" data-video-player-fullscreen-class="shared-item_cards-preview_video_component__fullscreen" data-video-player-playing-class="shared-item_cards-preview_video_component__playing" data-video-player-hidden-class="shared-item_cards-preview_video_component__hidden" data-video-player-item-id-value="50868071" data-controller="video-player"> <div role="button" class="shared-item_cards-preview_video_component__mouseDetector" data-action=" volumeUpdated@window->video-player#updateMuteUI mouseenter->video-player#onMouseEnter mouseleave->video-player#onMouseLeave mousemove->video-player#onMouseMove activeVideoPlayerChange@window->video-player#pauseForNewActivePlayer" > <a data-video-player-target="link" class="shared-item_cards-preview_video_component__videoLink" href="https://videohive.net/item/abstract-digital-data-technology-background-digital-data-connection-futuristic-network-connecting/50868071" data-turbo="false" data-action=" touchstart->video-player#onTouchStart touchmove->video-player#onTouchMove touchend->video-player#onTouchEnd" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50868071,"itemName":"Abstract digital data technology background, digital data connection, futuristic network connecting.","itemBrand":"DeadLeaf_Ayon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}"> > <div class="shared-item_cards-preview_video_component__playerWrapper"> <video loop muted playsinline preload="none" data-video-player-target="player" src="https://previews.customer.envatousercontent.com/9a3762c1-415b-4d53-a991-8b3f87a2794d/watermarked_preview/watermarked_preview.mp4" poster="" data-poster="https://market-resized.envatousercontent.com/previews/9a3762c1-415b-4d53-a991-8b3f87a2794d/video_preview/video_preview_0000.jpg?w=590&h=332&cf_fit=crop&crop=top&format=auto&q=85&s=4791e0d5ef05cc5dec53ca02a2f66729560f149a6dbca015682ac30abf41ea17" class="shared-item_cards-preview_video_component__videoPlayer"> </video> </div> </a> <button class="shared-item_cards-preview_video_component__fullscreenClickOverlay" data-action="video-player#togglePlay"> </button> <div class="shared-item_cards-preview_video_component__progress" data-video-player-target="progressBar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" data-action="mousedown->video-player#onProgressDragStart mouseup->video-player#onProgressDragEnd mousemove->video-player#onProgressDrag mouseleave->video-player#onProgressMouseOut click->video-player#onProgressClick" > <div class="shared-item_cards-preview_video_component__progressBar" data-video-player-target="progressBarIndicator"></div> </div> <section class="shared-item_cards-preview_video_component__controlsContainer" data-video-player-target="controlsContainer"> <div class="shared-item_cards-preview_video_component__fullscreenControls"> <div role="button" class="shared-item_cards-preview_video_component__bar"> <button class="shared-item_cards-preview_video_component__playPauseButton" data-action="video-player#togglePlay"> <span class="shared-item_cards-preview_video_component__playIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#play'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__playIcon shared-item_cards-preview_video_component__playIconPaused"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#pause'></use> </svg> </span> </button> <span> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__muteButton" data-video-player-target="muteButton" data-action="video-player#onToggleSoundClick"> <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#exist_fullscreen'></use> </svg> </button> </span> </div> </div> <section class="shared-item_cards-preview_video_component__actions"> <div class="shared-item_cards-preview_video_component__buttons"> <button class="shared-item_cards-preview_video_component__muteButton" data-action="video-player#onToggleSoundClick" data-video-player-target="muteButton" > <span class="shared-item_cards-preview_video_component__soundIcon shared-item_cards-preview_video_component__soundIconMuted"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio_muted'></use> </svg> </span> <span class="shared-item_cards-preview_video_component__soundIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#audio'></use> </svg> </span> </button> <span class="shared-item_cards-preview_video_component__displayTime shared-item_cards-preview_video_component__hidden" data-video-player-target="displayTime"> <span data-video-player-target="current"></span> <span> / </span> <span data-video-player-target="duration"></span> </span> <button class="shared-item_cards-preview_video_component__fullscreenButton" data-action="video-player#onToggleFullScreenClick"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#fullscreen'></use> </svg> </button> <span class="shared-item_cards-preview_video_component__buttonSeparator"></span> <a href="https://preview-downloads.customer.envatousercontent.com/9a3762c1-415b-4d53-a991-8b3f87a2794d/watermarked_preview/watermarked_preview.mp4?response-content-disposition=attachment;filename=50868071_abstract-digital-data-technology-background-digital-data-connection-futuristic-network-connecting_by_deadleaf-ayon_preview.mp4&Expires=2028808817&Signature=Pc5GtaPuBoTuQ0YhDCrX2hatG8iSeD5yF8rpfCElGwxepgKi1x6BCH4fxYvziaIhkWKXki9z7XODZvV00YuDkc4vx3oztQTDPgYFe-~sWDXVlhxFhmaWRgyjVRpQO3C2F0xUDpZFWJrW2whDy5nhvgyckW~1F0mzHnEOwgVCd3uxMyvMbvLL1mqUM-iY-SkChAqFQ4~WPhUP5Qm2YcBygxWoL95QZN5E7NrNEVXR2Ar8KDkND03MClelOvzu7XAxI6vgrUcWwT6VP5~oQVzCiLAbpUihQxOX6gbJsly3FYtUDsmUZ0sd7HF9r39rxoBwsoVA39~nNGYKVohWDQ0Jx9Ul~TCDRhsuWmG53Oc8Fznv1utF0j99hq9A0GN2p8K14-u99Z1Z~Qeynye7hMXUbDTqOhwaeM5seRxgFQCrNdw32fht4~bmdk3G0M8L8OGn7KGAOZxZ4xI-6NiU33e9LdmxxcnQaVRB1QuO4bqTGP1UI4ARY64jn~rrHz15yeYvXsaerxQUj6~Q8EGIB0MU7XAHJy4TU-CVhsS0~EfLq5iTzUi1BAJj7BO7OPJ4zZk5ULxjVZ2KjaGfGvuRSEVfNqLxghP-fieWt0xr1F-zlD6jFKi-pfG~95YG-FW2JMZV189lOS5uew3OQiFUObRHuXsuCMU1JFyWD7TPDIzHLCo_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ" class="shared-item_cards-download_preview_button_component__downloadPreview" role="button" aria-label="Download preview" title="Download preview" rel="nofollow" > <span class="shared-item_cards-download_preview_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#download_preview'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <a href="/my/bookmarks/new?item_id=50868071" class="shared-item_cards-collection_button_component__collection" role="button" aria-label="Add to collection" title="Add to collection" rel="nofollow" data-controller="collection-button" data-action="collection-button#open" data-bookmark-button-target="bookmarkButton" data-item-id="50868071" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-video_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50868071" data-controller="favorite-button" data-action="submit->favorite-button#submit favoritesStoreUpdated@window->favorite-button#updateFromStore"> <input type="hidden" name="_method" value="post" data-favorite-button-target="formMethod"> <button type="submit" aria-label="Add to Favorites" class="shared-item_cards-favorite_button_component__favoriteButton" data-favorite-button-target="favoriteButton" data-favorited="false" data-item-id="50868071"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </section> </section> </div> <div class="shared-item_cards-preview_video_component__loadingSpinner" data-video-player-target="loadingIndicator"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> </div> </div> <div class="shared-item_cards-grid-video_card_component__content"> <a class="shared-item_cards-grid-video_card_component__itemLinkOverlay" href="https://videohive.net/item/abstract-digital-data-technology-background-digital-data-connection-futuristic-network-connecting/50868071" title="Abstract digital data technology background, digital data connection, futuristic network connecting." aria-label="View Abstract digital data technology background, digital data connection, futuristic network connecting." data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50868071,"itemName":"Abstract digital data technology background, digital data connection, futuristic network connecting.","itemBrand":"DeadLeaf_Ayon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-grid-video_card_component__contentHeader"> <span class="shared-item_cards-grid-video_card_component__contentTitle"> <h3 class="shared-item_cards-item_name_component__root"> <a class="shared-item_cards-item_name_component__itemNameLink" tabindex="0" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","itemId":50868071,"itemName":"Abstract digital data technology background, digital data connection, futuristic network connecting.","itemBrand":"DeadLeaf_Ayon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" href="https://videohive.net/item/abstract-digital-data-technology-background-digital-data-connection-futuristic-network-connecting/50868071">Abstract digital data technology background, digital data connection, futuristic network connecting.</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://videohive.net/user/deadleaf_ayon" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > DeadLeaf_Ayon </a> in <a href="/category/motion-graphics/interface-effects/technology" class="shared-item_cards-author_category_component__link" > Technology </a> </div> </span> <span class="shared-item_cards-grid-video_card_length_component__root"> 00:10 </span> </div> <div class="shared-item_cards-grid-video_card_component__footer"> <div class="shared-item_cards-grid-video_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-grid-video_card_component__ratingWrapper"> </div> </div> <div class="shared-item_cards-grid-video_card_component__footerButtons"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact shared-item_cards-add_to_cart_button_component__highlighted" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/50868071" rel="nofollow" data-controller="cart-button modal-commander add-to-cart-event" data-action="click->modal-commander#open cartStoreUpdated@window->cart-button#updateFromStore click->add-to-cart-event#sendEvent" data-modal-commander-url-value="/my/cart_entries/new?item_id=50868071" data-modal-commander-method-value="GET" data-cart-button-item-id-value="50868071" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"9.00","items":[{"affiliation":"videohive","itemId":50868071,"itemName":"Abstract digital data technology background, digital data connection, futuristic network connecting.","itemBrand":"DeadLeaf_Ayon","itemCategory":"motion-graphics","itemCategory2":"interface-effects","itemCategory3":"technology","price":"9.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> </section> <div class="shared-global_footer-cross_sell_component__root" data-nosnippet> <div class="shared-global_footer-cross_sell_banner_component__root" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" > <div class="shared-global_footer-cross_sell_banner_component__mainPanel"> <a class="shared-global_footer-cross_sell_banner_component__mainPanelLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=videohive.net&utm_content=vh_global-footer" target="_blank" > <div> <img class="shared-global_footer-cross_sell_banner_component__elementsLogo" loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" alt="Elements logo"> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkContainer"> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkHeading"> <h2 class="shared-brand_neue-text_component__root shared-brand_neue-text_component__title3 shared-brand_neue-text_component__contentPrimary"> Looking for unlimited downloads? </h2> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkSubheading"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Subscribe to Envato Elements. </span> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescriptionContainer"> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/badge-ea3a60ea39171409e4f531bab81dc0a0f23d5ab62c5bbc2160599b766c5803dd.svg" alt="badge" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Millions of premium assets </span> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/thumbs_up-3314bbeb196f5f1858b98256fe14b1bbe632f6b4077d311139e8173f3cfc2945.svg" alt="thumbs up" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Great value subscription </span> </div> </div> </div> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=videohive.net&utm_content=vh_global-footer"> <div class="shared-global_footer-cross_sell_banner_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> Start creating now </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size14" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </div> </a> </a> </div> <div class="shared-global_footer-cross_sell_banner_component__secondaryPanel"> <a href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=videohive.net&utm_content=vh_global-footer" target="_blank" > <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/footer/cross-sell-elements-1x-fa1c94ab01a6fa35231cdcf96690c376f3eaffb01727dd779a720ba4c3119787.png" srcset="https://assets.market-storefront.envato-static.com/storefront/assets/footer/cross-sell-elements-2x-19146dd3ebb2565b955fb537a5dec7867599cd55a16eb066e37d1ad4762e7a5b.png 2x" alt="Collage of Elements items" > </a> </div> </div> </div> <footer class="shared-global_footer-footer_component__root" data-turbo="false"> <div class="shared-global_footer-footer_component__topContainer"> <div class="shared-global_footer-footer_component__topLinks" data-controller="cookie-settings"> <nav class="shared-global_footer-footer_component__topLinksGroup" aria-label="Envato Market"> <strong class="shared-global_footer-footer_component__topLinksGroupTitle">Envato Market</strong> <a class="shared-global_footer-footer_component__topLink" href="https://help.market.envato.com/hc/en-us/articles/41383541904281-Envato-Market-Terms"> Terms </a> <a class="shared-global_footer-footer_component__topLink" href="/licenses"> Licenses </a> <a class="shared-global_footer-footer_component__topLink" href="https://build.envato.com"> Market API </a> <a class="shared-global_footer-footer_component__topLink" href="https://envato.com/market/affiliate-program"> Become an affiliate </a> <a class="shared-global_footer-footer_component__topLink" href="https://www.envato.com/cookies/"> Cookies </a> <button type="button" id="cookie-settings" class="shared-global_footer-footer_component__topLink">Cookie Settings</button> </nav> <nav class="shared-global_footer-footer_component__topLinksGroup" aria-label="Help"> <strong class="shared-global_footer-footer_component__topLinksGroupTitle">Help</strong> <a class="shared-global_footer-footer_component__topLink" href="https://help.market.envato.com"> Help Center </a> <a class="shared-global_footer-footer_component__topLink" href="https://help.author.envato.com/hc/en-us"> Authors </a> </nav> <nav class="shared-global_footer-footer_component__topLinksGroup" aria-label="Our Community"> <strong class="shared-global_footer-footer_component__topLinksGroupTitle">Our Community</strong> <a class="shared-global_footer-footer_component__topLink" href="http://community.envato.com"> Community </a> <a class="shared-global_footer-footer_component__topLink" href="https://envato.com/blog"> Blog </a> <a class="shared-global_footer-footer_component__topLink" href="https://forums.envato.com"> Forums </a> <a class="shared-global_footer-footer_component__topLink" href="http://community.envato.com/#/events"> Meetups </a> </nav> <nav class="shared-global_footer-footer_component__topLinksGroup" aria-label="Meet Envato"> <strong class="shared-global_footer-footer_component__topLinksGroupTitle">Meet Envato</strong> <a class="shared-global_footer-footer_component__topLink" href="https://envato.com"> About Envato </a> <a class="shared-global_footer-footer_component__topLink" href="http://careers.envato.com"> Careers </a> <a class="shared-global_footer-footer_component__topLink" href="https://envato.com/privacy/"> Privacy Policy </a> <a class="shared-global_footer-footer_component__topLink" href=" https://www.envato.com/privacy/#my-personal-information"> Do not sell or share my personal information </a> <a class="shared-global_footer-footer_component__topLink" href="https://envato.com/sitemap/"> Sitemap </a> </nav> </div> <div class="shared-global_footer-footer_component__topStats"> <div class="shared-global_footer-footer_component__topStatsMeta"> <img loading="lazy" class="shared-global_footer-footer_component__logo" alt="Envato Market" height="20" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-market-0c6ef0bdbf918a098bf915273cd4ca39cb1afd7992deef185dafe33b2c623b2f.svg" /> <ul class="shared-global_footer-footer_component__statsList"> <li class="shared-global_footer-footer_component__statsListItem"> <span class="shared-global_footer-footer_component__stats">76,829,817</span> items sold </li> <li class="shared-global_footer-footer_component__statsListItem"> <span class="shared-global_footer-footer_component__stats">$1,200,899,292</span> community earnings </li> </ul> </div> <div class="shared-global_footer-footer_component__bottomBCorp"> <a href="https://bcorporation.net/en-us/find-a-b-corp/company/envato" class="shared-global_footer-footer_component__bcorpLink" target="_blank" rel="noopener"> <img loading="lazy" width="50" height="84" alt="B Corp logo" class="shared-global_footer-footer_component__bcorpLogo" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/bcorp-fbdd18d9fd7274a0e6591e67408e26c55df20358c3c4eee496117b16874e1749.svg" /> </a> </div> </div> </div> <div class="shared-global_footer-footer_component__bottomContainer"> <nav class="shared-global_footer-footer_component__bottomSocial" itemscope itemtype="http://schema.org/Organization" aria-label="social"> <a class="shared-global_footer-footer_component__socialLink" rel="nofollow" aria-label="Twitter" href="https://twitter.com/envato"> <img loading="lazy" alt="Twitter" title="Twitter" src="https://assets.market-storefront.envato-static.com/storefront/assets/social-icons/icon-twitter-6ad889010d07b5b6caa1e8c40d71131641bb97d9605ef8ef62d8cfe8ace6a817.svg" width="22" height="22" /></a> <a class="shared-global_footer-footer_component__socialLink" rel="nofollow" aria-label="Facebook" href="https://www.facebook.com/envato"> <img loading="lazy" alt="Facebook" title="Facebook" src="https://assets.market-storefront.envato-static.com/storefront/assets/social-icons/icon-facebook-e29111786aec8117c019d01a351887605c22c29dd9c363b355789c06436aaf2f.svg" width="22" height="22" /></a> <a class="shared-global_footer-footer_component__socialLink" rel="nofollow" aria-label="YouTube" href="https://www.youtube.com/user/Envato"> <img loading="lazy" alt="YouTube" title="YouTube" src="https://assets.market-storefront.envato-static.com/storefront/assets/social-icons/icon-youtube-6a45b3f582b34fb83cf3d2a4600f50f0c4431309a4434f853eac416be16aa37c.svg" width="22" height="22" /></a> <a class="shared-global_footer-footer_component__socialLink" rel="nofollow" aria-label="Instagram" href="https://www.instagram.com/envato/"> <img loading="lazy" alt="Instagram" title="Instagram" src="https://assets.market-storefront.envato-static.com/storefront/assets/social-icons/icon-instagram-614e390114cada173d0094549cb1f260929b6432d3a1e6cff484302e4aabba09.svg" width="22" height="22" /></a> <a class="shared-global_footer-footer_component__socialLink" rel="nofollow" aria-label="Pinterest" href="https://www.pinterest.com/envato/"> <img loading="lazy" alt="Pinterest" title="Pinterest" src="https://assets.market-storefront.envato-static.com/storefront/assets/social-icons/icon-pinterest-bb3b4207aa129cfef2e6fc210119c48c132ddb3a3a0c4c06c0acc128201128b7.svg" width="22" height="22" /></a> </nav> <div class="shared-global_footer-footer_component__bottomLinks"> <nav class="shared-global_footer-footer_component__companyLinks" aria-label="company"> <a class="shared-global_footer-footer_component__companyLink" href="https://envato.com">Envato.com</a> <a class="shared-global_footer-footer_component__companyLink" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a> <a class="shared-global_footer-footer_component__companyLink" href="https://placeit.net">Placeit by Envato</a> <a class="shared-global_footer-footer_component__companyLink" href="https://tutsplus.com">Envato Tuts+</a> <a class="shared-global_footer-footer_component__companyLink" href="https://envato.com/products">All Products</a> <a class="shared-global_footer-footer_component__companyLink" href="https://envato.com/sitemap/">Sitemap</a> </nav> <div class="shared-global_footer-footer_component__notice"> Price is in US dollars and excludes tax and handling fees </div> <div class=shared-global_footer-footer_component__copyrights > 漏 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </div> </div> </div> </footer> <div class="shared-modal_component__overlay" data-controller="modal" data-modal-target="overlay" data-modal-noscroll-class="shared-modal_component__noscroll" data-modal-open-class="shared-modal_component__overlayOpen" data-modal-loading-hidden-class="shared-modal_component__hidden" data-action="command:modal:open@window->modal#open command:modal:close@window->modal#close"> <div class="shared-modal_component__mask" data-modal-target="mask" data-action="click->modal#close"></div> <div data-modal-target="loading" class="shared-modal_component__loading"> <svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg> </div> <div data-modal-target="content" class="shared-modal_component__content" tabindex="-1" aria-label="Modal"></div> </div> <div data-nosnippet id="market-banner" data-controller="banner" data-action="click->banner#click CookiebotOnAccept@window->banner#handleCookieBotConsent" data-banner-show-class="shared-banner_component__visibleTop" data-banner-data-value="{"banners":[{"id":"elements_mkt-header_general_20Jan2025","html":"\u003cdiv class=\"headerstrip-wrapper\"\u003e\n \u003ca class=\"headerstrip js-banner__link\" href=\"https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025\u0026amp;utm_content=vh_marketing-banner\u0026amp;utm_medium=promos\u0026amp;utm_source=videohive.net\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n \u003cdiv class=\"headerstrip-content-background\"\u003e\u003c/div\u003e\n \u003cdiv class=\"headerstrip-content-wrapper\"\u003e\n \u003cdiv class=\"headerstrip-canvas is-hidden-desktop\"\u003e\n \u003cdiv class=\"headerstrip-content\"\u003e\n \u003cdiv class=\"headerstrip-text\"\u003e\n \u003cstrong\u003eEnvato Elements:\u003c/strong\u003e\n \u003cspan class=\"js-banner__link headerstrip-cta-mobile\" href=\"https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025\u0026amp;utm_content=vh_marketing-banner\u0026amp;utm_medium=promos\u0026amp;utm_source=videohive.net\"\u003eGo unlimited!\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"headerstrip-canvas is-hidden-tablet-and-below\"\u003e\n \u003cdiv class=\"headerstrip-content\"\u003e\n \u003cdiv class=\"headerstrip-text\"\u003e\n \u003cstrong\u003eUnlimited creative assets, all in one place.\u003c/strong\u003e Subscribe to Envato Elements.\n \u003c/div\u003e\n \u003cspan class=\"js-banner__link headerstrip-cta\" href=\"https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025\u0026amp;utm_content=vh_marketing-banner\u0026amp;utm_medium=promos\u0026amp;utm_source=videohive.net\"\u003eLet\u0026#39;s go!\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n\u003c/div\u003e\n","css":".headerstrip-wrapper {\n height: 50px;\n position: relative;\n}\n\n.headerstrip-wrapper .headerstrip__banner-dismiss {\n width: 12px;\n height: 12px;\n background: none;\n border: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n padding: 0;\n position: absolute;\n font: inherit;\n height: 100%;\n line-height: 0;\n cursor: pointer;\n outline: inherit;\n opacity: 0.4;\n padding: 0 16px;\n color: white;\n text-decoration: none;\n -webkit-transition: all 100ms ease;\n -moz-transition: all 100ms ease;\n -o-transition: all 100ms ease;\n transition: all 100ms ease;\n right: 0;\n top: 0;\n z-index: 2;\n}\n\n.headerstrip-wrapper .headerstrip__banner-dismiss:hover {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n}\n\n.headerstrip-wrapper .headerstrip__banner-dismiss svg {\n fill: #FFFFFF;\n}\n\n.headerstrip {\n display: block;\n height: 50px;\n font-family: PolySans-Neutral, arial;\n font-size: 14px;\n position: relative;\n text-decoration: none !important;\n z-index: 1;\n}\n\n.headerstrip .headerstrip-content-background {\n background-color: #fff;\n opacity: 1;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n background: #FFF5ED; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(left, #FFF5ED, #FFF5ED); /* For Safari 5.1 to 6.0 */\n background: linear-gradient(to right, #FFF5ED, #FFF5ED); /* Standard syntax */\n background-repeat: repeat-x;\n}\n\n.headerstrip .headerstrip-canvas {\n height: 50px;\n margin: auto auto;\n}\n\n.headerstrip .headerstrip-content-wrapper {\n margin: 0 auto;\n position: relative;\n z-index: 2;\n}\n\n.headerstrip .headerstrip-content {\n display: flex;\n align-items: center;\n justify-content: center;\n background-size: contain;\n background-repeat: no-repeat;\n background-size: 1000px 50px;\n width: 100%;\n height: 50px;\n max-width: 1408px;\n padding-left: 16px;\n padding-right: 16px;\n margin: 0 auto;\n}\n\n.headerstrip .headerstrip-text {\n color: #191919;\n text-decoration: none;\n padding-right: 24px;\n font-weight: 300;\n letter-spacing: 0.8px;\n position: relative;\n}\n\n.headerstrip .headerstrip-text strong {\n font-family: PolySans-Median, arial;\n}\n\n.headerstrip .headerstrip-cta-container {\n display: flex;\n}\n\n.headerstrip .headerstrip-cta {\n font-family: PolySans-Median, arial;\n position: relative;\n background-color: #9CEE69;\n padding: 6px 30px 5px 30px;\n color: #191919;\n border-radius: 4px;\n text-decoration: none;\n display: block;\n text-align: center;\n min-width: 100px;\n}\n\n.headerstrip .headerstrip-cta-mobile {\n color: #191919;\n text-decoration: underline;\n padding-left: 5px;\n}\n\n.headerstrip .headerstrip-cta-mobile:hover {\n color: #191919;\n}\n\n\n.headerstrip .is-hidden-desktop .headerstrip-content {\n text-align: center;\n}\n\n.headerstrip .is-hidden-desktop .headerstrip-text {\n position: relative;\n padding-right: 24px;\n}\n\n.headerstrip .is-hidden-desktop .headerstrip__banner-dismiss {\n margin-left: 0;\n}\n\n.headerstrip .headerstrip__dismiss-icon {\n width: 12px;\n height: 12px;\n fill: #191919;\n display: inline-block;\n}\n\n@media (max-width: 1024px) {\n .headerstrip .is-hidden-tablet-and-below {\n display: none !important;\n }\n}\n\n@media (min-width: 1025px) {\n .headerstrip .is-hidden-desktop {\n display: none !important\n }\n\n .headerstrip .headerstrip-content-wrapper {\n max-width: 1408px\n }\n}\n","categories":[],"promotion_type":"elements_referral"}]}" data-banner-category-value="motion-graphics" > <style type="text/css" data-banner-target="css"></style> <div class="shared-banner_component__bannerTop" data-banner-target="html" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"referral bar","ecommerce":{"promotionId":"elements_mkt-header_general_20Jan2025","promotionName":"elements_mkt-header_general_20Jan2025","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"referral bar","ecommerce":{"promotionId":"elements_mkt-header_general_20Jan2025","promotionName":"elements_mkt-header_general_20Jan2025","promotionType":"elements referral"}}" ></div> </div> <div class="layouts-application_layout__spinner"><svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg></div> <div data-controller="cart-entries-loader" data-cart-entries-loader-url-value="/my/cart_entries"></div> <div class="shared-csat_survey_component__root shared-csat_survey_component__hidden" data-controller="csat-survey" data-csat-survey-hidden-class="shared-csat_survey_component__hidden" data-action="message@window->csat-survey#onSurveySubmit csatPopupShown->csat-survey#showPopUp" > <div class="shared-csat_survey_component__closeButton"> <a class="shared-csat_survey_component__closeSvg" data-action="click->csat-survey#closePopup" aria-label="close popup" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#close'></use> </svg> </a> </div> <div class="shared-csat_survey_component__section"> <h2>Tell us what you think!</h2> <p>We'd like to ask you a few questions to help improve VideoHive.</p> <a class="shared-csat_survey_component__yesButton" data-turbo="false" data-controller="modal-commander" data-action="modal-commander#open csat-survey#closePopup" data-modal-commander-url-value="/storefront/csat_survey_modal" > Sure, take me to the survey </a> </div> </div> </body> </html>

CINXE.COM

Video UIs | VideoHive