JavaScript & jQuery Loaders & Uploaders from CodeCanyon

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="preload" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-f276c53d267c62a093f9d6dfe25dcb157eeaafd05b3d9f21e72be788a15f7495.css" as="style" type="text/css"> <link rel="preload" href="https://market-resized.envatousercontent.com/previews/files/498048974/Drop+Uploader+for+jQuery.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=fd183209ad58ece6b87da8c2fabde47481b4cbf5362188b4021c5b037e82f0ff" as="image"> <link rel="stylesheet" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-f276c53d267c62a093f9d6dfe25dcb157eeaafd05b3d9f21e72be788a15f7495.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"> <script> //<![CDATA[ window.datadogEnvironment = 'production' window.datadogSampleRate = 2 window.datadogVersion = 'd4397502bf8c1ca0a7ffeea169daa8c82116bcc1' //]]> </script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/datadog-02ec07d789a19399ecf632e1d7b976d87f4588e463475c1079b841a07dcac762.js" crossorigin="anonymous"></script> <title>JavaScript & jQuery Loaders & Uploaders from CodeCanyon</title> <meta name="description" content="Get 33 JavaScript & jQuery loaders & uploaders. All from our global community of web developers."> <link rel="canonical" href="https://codecanyon.net/category/javascript/loaders-and-uploaders"> <meta property="og:url" content="https://codecanyon.net/category/javascript/loaders-and-uploaders"> <meta property="og:title" content="JavaScript & jQuery Loaders & Uploaders from CodeCanyon"> <meta property="og:description" content="Get 33 JavaScript & jQuery loaders & uploaders. All from our global community of web developers."> <meta property="og:type" content="website"> <meta property="og:site_name" content="CodeCanyon"> <meta property="og:image" content="https://assets.market-storefront.envato-static.com/storefront/assets/og-images/codecanyon-8a958e908fbb5bac5e54b32ca329c7d31b9e134bad20fb2ea1f1531701ca0561.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="codecanyon"> <meta name="revision" content="d4397502bf8c1ca0a7ffeea169daa8c82116bcc1"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token"> <link rel="next" href="/category/javascript/loaders-and-uploaders?page=2" /> <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-12'; 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": "CodeCanyon", "url": "https://codecanyon.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-c74cd0457589db0dcc890febe780984830bc2c525c37a996f6c0e6a09b948fa0.js" data-turbo-track="reload" defer="defer" nonce="true"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/rollbar-ffa9e0b16064f14ef07de507e6ba34cc233a053c53514cc5599c8bf799a30407.js" crossorigin="anonymous" data-turbo-track="reload" defer="defer"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/legacy-947e52c66b6c54d32e6af8842543dfc056ad6c8c8fd221c5febb01e577162e02.js" crossorigin="anonymous" data-turbo-track="reload" nomodule="nomodule"></script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/application-a5263d48cceef5e8f723c27d17bcd9fbd36066f5120c6d6562cd37b51c848053.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-12" 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="codecanyon" data-site-domain="codecanyon.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":"javascript","custom_item_category_2":"loaders-and-uploaders"}'); var pageAttributes = { app_name: normalizeAttributeValue('market-storefront'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('d4397502bf8c1ca0a7ffeea169daa8c82116bcc1'), 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/codecanyon-09299c50d79dfe5cf129eeceacec330b0ee24ed7bf51a19aea3cb0112e2d4de0.webp" type="image/webp"> <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/codecanyon-f02914a18facfc9c3d14d4028cd87731c1541c11c16a891831b8bce05f92b4d8.png" alt="CodeCanyon" 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="CodeCanyon" 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__codecanyonWrapper"> <div class="shared-global_header-mobile_markets_nav_component__currentSiteSpan">Code</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://videohive.net/?auto_signin=true"> <span class="shared-global_header-mobile_markets_nav_component__siteLinkText">Video</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="/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="/search?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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/php-scripts" 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"> PHP Scripts </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/php-scripts" 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 PHP Scripts </a> <a href="/popular_item/by_category?category=php-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" > Popular Items </a> <a href="/category/php-scripts/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" > Add-ons </a> <a href="/category/php-scripts/calendars" 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" > Calendars </a> <a href="/category/php-scripts/countdowns" 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" > Countdowns </a> <a href="/category/php-scripts/database-abstractions" 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" > Database Abstractions </a> <a href="/category/php-scripts/forms" 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" > Forms </a> <a href="/category/php-scripts/help-and-support-tools" 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" > Help and Support Tools </a> <a href="/category/php-scripts/images-and-media" 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" > Images and Media </a> <a href="/category/php-scripts/loaders-and-uploaders" 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" > Loaders and Uploaders </a> <a href="/category/php-scripts/navigation" 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" > Navigation </a> <a href="/category/php-scripts/news-tickers" 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 Tickers </a> <a href="/category/php-scripts/polls" 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" > Polls </a> <a href="/category/php-scripts/project-management-tools" 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" > Project Management Tools </a> <a href="/category/php-scripts/ratings-and-charts" 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" > Ratings and Charts </a> <a href="/category/php-scripts/search" 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" > Search </a> <a href="/category/php-scripts/shopping-carts" 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" > Shopping Carts </a> <a href="/category/php-scripts/social-networking" 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" > Social Networking </a> <a href="/category/php-scripts/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/wordpress" 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"> WordPress </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/wordpress" 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 WordPress </a> <a href="/popular_item/by_category?category=wordpress" 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/wordpress/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" > Add-ons </a> <a href="/category/wordpress/advertising" 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" > Advertising </a> <a href="/category/wordpress/calendars" 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" > Calendars </a> <a href="/category/wordpress/ecommerce" 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" > eCommerce </a> <a href="/attributes/compatible-with/elementor" 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" > Elementor </a> <a href="/category/wordpress/forms" 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" > Forms </a> <a href="/category/wordpress/forums" 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" > Forums </a> <a href="/category/wordpress/galleries" 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" > Galleries </a> <a href="/category/wordpress/interface-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" > Interface Elements </a> <a href="/category/wordpress/media" 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" > Media </a> <a href="/category/wordpress/membership" 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" > Membership </a> <a href="/category/wordpress/newsletters" 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" > Newsletters </a> <a href="/category/wordpress/seo" 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" > SEO </a> <a href="/category/wordpress/social-networking" 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" > Social Networking </a> <a href="/category/wordpress/utilities" 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" > Utilities </a> <a href="/category/wordpress/widgets" 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" > Widgets </a> <a href="/category/wordpress/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://themeforest.net/category/wordpress" 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" > WordPress Themes on ThemeForest </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/search/ecommerce" 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"> eCommerce </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="/search/ecommerce" 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 eCommerce </a> <a href="/search?compatible_with=Easy+Digital+Downloads" 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" > Easy Digital Downloads </a> <a href="/category/wordpress/ecommerce/jigoshop" 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" > Jigoshop </a> <a href="/category/plugins/magento-extensions" 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" > Magento Extensions </a> <a href="/category/plugins/opencart" 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" > OpenCart </a> <a href="/category/plugins/oscommerce" 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" > osCommerce </a> <a href="/category/plugins/prestashop" 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" > Prestashop </a> <a href="/category/plugins/ubercart" 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" > UberCart </a> <a href="/category/plugins/virtuemart" 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" > VirtueMart </a> <a href="/category/wordpress/ecommerce/woocommerce" 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" > WooCommerce </a> <a href="/category/wordpress/ecommerce/wp-e-commerce" 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" > WP e-Commerce </a> <a href="/category/wordpress/ecommerce/standalone" 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" > WP Standalone </a> <a href="/category/plugins/zen-cart" 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" > Zen Cart </a> <a href="/category/wordpress/ecommerce/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/javascript" 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"> JavaScript </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/javascript" 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 JavaScript </a> <a href="/popular_item/by_category?category=javascript" 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/javascript/animated-svgs" 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" > Animated SVGs </a> <a href="/category/javascript/calendars" 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" > Calendars </a> <a href="/category/javascript/countdowns" 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" > Countdowns </a> <a href="/category/javascript/database-abstractions" 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" > Database Abstractions </a> <a href="/category/javascript/forms" 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" > Forms </a> <a href="/category/javascript/images-and-media" 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" > Images and Media </a> <a href="/category/javascript/loaders-and-uploaders" 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" > Loaders and Uploaders </a> <a href="/category/javascript/media" 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" > Media </a> <a href="/category/javascript/navigation" 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" > Navigation </a> <a href="/category/javascript/news-tickers" 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 Tickers </a> <a href="/category/javascript/project-management-tools" 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" > Project Management Tools </a> <a href="/category/javascript/ratings-and-charts" 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" > Ratings and Charts </a> <a href="/category/javascript/shopping-carts" 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" > Shopping Carts </a> <a href="/category/javascript/sliders" 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" > Sliders </a> <a href="/category/javascript/social-networks" 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" > Social Networks </a> <a href="/category/javascript/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/css" 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"> CSS </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/css" 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 CSS </a> <a href="/popular_item/by_category?category=css" 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/css/animations-and-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" > Animations and Effects </a> <a href="/category/css/buttons" 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" > Buttons </a> <a href="/category/css/charts-and-graphs" 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" > Charts and Graphs </a> <a href="/category/css/forms" 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" > Forms </a> <a href="/category/css/layouts" 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" > Layouts </a> <a href="/category/css/navigation-and-menus" 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" > Navigation and Menus </a> <a href="/category/css/pricing-tables" 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" > Pricing Tables </a> <a href="/category/css/tabs-and-sliders" 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" > Tabs and Sliders </a> <a href="/category/css/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/mobile" 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"> Mobile </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/mobile" 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 Mobile </a> <a href="/popular_item/by_category?category=mobile" 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/mobile/android" 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" > Android </a> <a href="/category/mobile/flutter" 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" > Flutter </a> <a href="/category/mobile/ios" 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" > iOS </a> <a href="/category/mobile/native-web" 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" > Native Web </a> <a href="/category/mobile/titanium" 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" > Titanium </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/html5" 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"> HTML5 </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/html5" 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 HTML5 </a> <a href="/popular_item/by_category?category=html5" 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/html5/3d" 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" > 3D </a> <a href="/category/html5/ad-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" > Ad Templates </a> <a href="/category/html5/canvas" 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" > Canvas </a> <a href="/category/html5/charts-and-graphs" 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" > Charts and Graphs </a> <a href="/category/html5/forms" 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" > Forms </a> <a href="/category/html5/games" 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" > Games </a> <a href="/category/html5/libraries" 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" > Libraries </a> <a href="/category/html5/media" 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" > Media </a> <a href="/category/html5/presentations" 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" > Presentations </a> <a href="/category/html5/sliders" 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" > Sliders </a> <a href="/category/html5/storage" 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" > Storage </a> <a href="/category/html5/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" > Templates </a> <a href="/category/html5/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/search/ai" 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"> AI Tools </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="/search/ai" 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 AI Tools </a> <a href="/search/ai?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" > Popular Items </a> <a href="/search/ai%20content" 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" > AI Writers and Content Generators </a> <a href="/search/ai%20image" 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" > AI Image and Video Generators </a> <a href="/search/ai%20chat" 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" > AI Chatbots </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="https://themeforest.net/category/wordpress" 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="_self" > <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"> WP Themes </div> </a> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="/category/plugins" 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"> Plugins </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/plugins" 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 Plugins </a> <a href="/popular_item/by_category?category=plugins" 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/plugins/concrete5" 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" > Concrete5 </a> <a href="/category/plugins/drupal" 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" > Drupal </a> <a href="/category/plugins/expressionengine" 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" > ExpressionEngine </a> <a href="/category/plugins/joomla" 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" > Joomla </a> <a href="/category/plugins/magento-extensions" 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" > Magento Extensions </a> <a href="/category/plugins/muse-widgets" 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" > Muse Widgets </a> <a href="/category/plugins/opencart" 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" > OpenCart </a> <a href="/category/plugins/oscommerce" 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" > osCommerce </a> <a href="/category/plugins/prestashop" 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" > Prestashop </a> <a href="/category/plugins/ubercart" 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" > Ubercart </a> <a href="/category/plugins/virtuemart" 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" > VirtueMart </a> <a href="/category/plugins/zen-cart" 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" > Zen Cart </a> <a href="/category/plugins/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> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator" 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" > <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"> Mockup Generator </div> </a> </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/net" 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" > .NET </a> <a href="/category/apps" 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" > Apps </a> <a href="/search?term=facebook&type=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" > Facebook </a> </nav> </div> <div data-controller="toggler"> <a class="shared-global_header-categories_mobile_menu_component__linkRow" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_mobile_31JULY2024&utm_source=codecanyon.net&utm_medium=referral&utm_content=cc_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 <span class="shared-global_header-categories_mobile_menu_component__cyberSaleBadge">SALE</span> </div> </a> </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=codecanyon" 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=codecanyon" 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 shared-global_header-markets_nav_component__active" href="https://codecanyon.net/?auto_signin=true">Code</a> <a class="shared-global_header-markets_nav_component__siteLink" 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_campaign_nav_component__root" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher__Cyber2024","promotionName":"elements_mkt-switcher__Cyber2024","promotionType":"elements referral"}}" > <a class="shared-global_header-elements_campaign_nav_component__mainLink" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_Cyber2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search" target="_blank" > <span> Unlimited Downloads </span> <span class="shared-global_header-elements_campaign_nav_component__cyberSaleBadge">SALE</span> </a> <div class="shared-global_header-elements_campaign_nav_component__dropdownContainer shared-global_header-elements_campaign_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__Cyber2024","promotionName":"elements_mkt-switcher__Cyber2024","promotionType":"elements referral"}}" > <a class="shared-global_header-elements_campaign_nav_component__mainPanel" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_Cyber2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search" target="_blank" > <div class="shared-global_header-elements_campaign_nav_component__itemsCollage"> <div class="shared-global_header-elements_campaign_nav_component__content"> <img alt="Envato Logo" width="100.73" height="23" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-white-91d1aa3ec5eb09ab2358127cf6bbad6bed9a7f36b0cad80fea7cfdb417e18064.svg" /> <div class="shared-global_header-elements_campaign_nav_component__title"> <p>Get<span class="shared-global_header-elements_campaign_nav_component__accent"> unlimited</span></p> <span class="shared-global_header-elements_campaign_nav_component__accent"> downloads</span> </div> <div class="shared-global_header-elements_campaign_nav_component__subTitle"> <p>Subscribe to Envato Elements.</p> <p> <img alt="Icon Asset" width="20" height="20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/icon_asset-08513cc352d5e1dc81eb8582ca8ee2c153847f0fb15e95dd1f91ff67f8fe6e79.svg" /> Millions of premium assets </p> <p> <img alt="Icon Subscription" width="20" height="20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/icon_subscription-198091ce1ab97f44e7877e4ea8ae042f0cb351f86f7904dd664c0eaa14b9bfb2.svg" /> Great value subscription </p> </div> <button class="shared-global_header-elements_campaign_nav_component__newSiteBtn">Save now</button> <img alt="Cyber Sale Green" class="shared-global_header-elements_campaign_nav_component__cyberSaleGreen" src="https://assets.market-storefront.envato-static.com/storefront/assets/header/cyber-sale-green-f3ce0e0a647ca884b3d642fdb99cd6157e6696b8ac37843fb7b31a2f48126e88.svg" /> <img alt="Cyber Sale 30" class="shared-global_header-elements_campaign_nav_component__cyberSale30" src="https://assets.market-storefront.envato-static.com/storefront/assets/header/cyber-sale-30-e24ac67f7553f3f99275d32d9930cffb535713a3cecf877a532b3592fee91811.svg" /> </div> </div> </a> </div> </div> <div class="shared-global_header-markets_nav_component__siteLogoWrapper"> <picture> <source srcset="https://assets.market-storefront.envato-static.com/storefront/assets/logos/codecanyon-09299c50d79dfe5cf129eeceacec330b0ee24ed7bf51a19aea3cb0112e2d4de0.webp" type="image/webp"> <img src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/codecanyon-f02914a18facfc9c3d14d4028cd87731c1541c11c16a891831b8bce05f92b4d8.png" alt="CodeCanyon" 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="/search?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> </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/php-scripts"> PHP Scripts </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=php-scripts">Popular Items</a> <a data-turbo="true" href="/category/php-scripts/add-ons">Add-ons</a> <a data-turbo="true" href="/category/php-scripts/calendars">Calendars</a> <a data-turbo="true" href="/category/php-scripts/countdowns">Countdowns</a> <a data-turbo="true" href="/category/php-scripts/database-abstractions">Database Abstractions</a> <a data-turbo="true" href="/category/php-scripts/forms">Forms</a> <a data-turbo="true" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> <a data-turbo="true" href="/category/php-scripts/images-and-media">Images and Media</a> <a data-turbo="true" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> <a data-turbo="true" href="/category/php-scripts/navigation">Navigation</a> <a data-turbo="true" href="/category/php-scripts/news-tickers">News Tickers</a> <a data-turbo="true" href="/category/php-scripts/polls">Polls</a> <a data-turbo="true" href="/category/php-scripts/project-management-tools">Project Management Tools</a> <a data-turbo="true" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> <a data-turbo="true" href="/category/php-scripts/search">Search</a> <a data-turbo="true" href="/category/php-scripts/shopping-carts">Shopping Carts</a> <a data-turbo="true" href="/category/php-scripts/social-networking">Social Networking</a> <a data-turbo="true" href="/category/php-scripts/miscellaneous">Miscellaneous</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/wordpress"> WordPress </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=wordpress">Popular Items</a> <a data-turbo="true" href="/category/wordpress/add-ons">Add-ons</a> <a data-turbo="true" href="/category/wordpress/advertising">Advertising</a> <a data-turbo="true" href="/category/wordpress/calendars">Calendars</a> <a data-turbo="true" href="/category/wordpress/ecommerce">eCommerce</a> <a data-turbo="true" href="/attributes/compatible-with/elementor">Elementor</a> <a data-turbo="true" href="/category/wordpress/forms">Forms</a> <a data-turbo="true" href="/category/wordpress/forums">Forums</a> <a data-turbo="true" href="/category/wordpress/galleries">Galleries</a> <a data-turbo="true" href="/category/wordpress/interface-elements">Interface Elements</a> <a data-turbo="true" href="/category/wordpress/media">Media</a> <a data-turbo="true" href="/category/wordpress/membership">Membership</a> <a data-turbo="true" href="/category/wordpress/newsletters">Newsletters</a> <a data-turbo="true" href="/category/wordpress/seo">SEO</a> <a data-turbo="true" href="/category/wordpress/social-networking">Social Networking</a> <a data-turbo="true" href="/category/wordpress/utilities">Utilities</a> <a data-turbo="true" href="/category/wordpress/widgets">Widgets</a> <a data-turbo="true" href="/category/wordpress/miscellaneous">Miscellaneous</a> <a class="shared-global_header-categories_menu_component__dropdownBottom" data-turbo="false" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</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="/search/ecommerce"> eCommerce </a> <div class="shared-global_header-categories_menu_component__dropdownContainer"> <nav class="shared-global_header-categories_menu_component__dropdown"> <a data-turbo="true" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> <a data-turbo="true" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> <a data-turbo="true" href="/category/plugins/magento-extensions">Magento Extensions</a> <a data-turbo="true" href="/category/plugins/opencart">OpenCart</a> <a data-turbo="true" href="/category/plugins/oscommerce">osCommerce</a> <a data-turbo="true" href="/category/plugins/prestashop">Prestashop</a> <a data-turbo="true" href="/category/plugins/ubercart">UberCart</a> <a data-turbo="true" href="/category/plugins/virtuemart">VirtueMart</a> <a data-turbo="true" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> <a data-turbo="true" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> <a data-turbo="true" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> <a data-turbo="true" href="/category/plugins/zen-cart">Zen Cart</a> <a data-turbo="true" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</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/javascript"> JavaScript </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=javascript">Popular Items</a> <a data-turbo="true" href="/category/javascript/animated-svgs">Animated SVGs</a> <a data-turbo="true" href="/category/javascript/calendars">Calendars</a> <a data-turbo="true" href="/category/javascript/countdowns">Countdowns</a> <a data-turbo="true" href="/category/javascript/database-abstractions">Database Abstractions</a> <a data-turbo="true" href="/category/javascript/forms">Forms</a> <a data-turbo="true" href="/category/javascript/images-and-media">Images and Media</a> <a data-turbo="true" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> <a data-turbo="true" href="/category/javascript/media">Media</a> <a data-turbo="true" href="/category/javascript/navigation">Navigation</a> <a data-turbo="true" href="/category/javascript/news-tickers">News Tickers</a> <a data-turbo="true" href="/category/javascript/project-management-tools">Project Management Tools</a> <a data-turbo="true" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> <a data-turbo="true" href="/category/javascript/shopping-carts">Shopping Carts</a> <a data-turbo="true" href="/category/javascript/sliders">Sliders</a> <a data-turbo="true" href="/category/javascript/social-networks">Social Networks</a> <a data-turbo="true" href="/category/javascript/miscellaneous">Miscellaneous</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/css"> CSS </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=css">Popular Items</a> <a data-turbo="true" href="/category/css/animations-and-effects">Animations and Effects</a> <a data-turbo="true" href="/category/css/buttons">Buttons</a> <a data-turbo="true" href="/category/css/charts-and-graphs">Charts and Graphs</a> <a data-turbo="true" href="/category/css/forms">Forms</a> <a data-turbo="true" href="/category/css/layouts">Layouts</a> <a data-turbo="true" href="/category/css/navigation-and-menus">Navigation and Menus</a> <a data-turbo="true" href="/category/css/pricing-tables">Pricing Tables</a> <a data-turbo="true" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> <a data-turbo="true" href="/category/css/miscellaneous">Miscellaneous</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/mobile"> Mobile </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=mobile">Popular Items</a> <a data-turbo="true" href="/category/mobile/android">Android</a> <a data-turbo="true" href="/category/mobile/flutter">Flutter</a> <a data-turbo="true" href="/category/mobile/ios">iOS</a> <a data-turbo="true" href="/category/mobile/native-web">Native Web</a> <a data-turbo="true" href="/category/mobile/titanium">Titanium</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/html5"> HTML5 </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=html5">Popular Items</a> <a data-turbo="true" href="/category/html5/3d">3D</a> <a data-turbo="true" href="/category/html5/ad-templates">Ad Templates</a> <a data-turbo="true" href="/category/html5/canvas">Canvas</a> <a data-turbo="true" href="/category/html5/charts-and-graphs">Charts and Graphs</a> <a data-turbo="true" href="/category/html5/forms">Forms</a> <a data-turbo="true" href="/category/html5/games">Games</a> <a data-turbo="true" href="/category/html5/libraries">Libraries</a> <a data-turbo="true" href="/category/html5/media">Media</a> <a data-turbo="true" href="/category/html5/presentations">Presentations</a> <a data-turbo="true" href="/category/html5/sliders">Sliders</a> <a data-turbo="true" href="/category/html5/storage">Storage</a> <a data-turbo="true" href="/category/html5/templates">Templates</a> <a data-turbo="true" href="/category/html5/miscellaneous">Miscellaneous</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="/search/ai"> AI Tools </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="/search/ai?sort=sales">Popular Items</a> <a data-turbo="true" href="/search/ai%20content">AI Writers and Content Generators</a> <a data-turbo="true" href="/search/ai%20image">AI Image and Video Generators</a> <a data-turbo="true" href="/search/ai%20chat">AI Chatbots</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__linkEmpty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </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/plugins"> Plugins </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=plugins">Popular Items</a> <a data-turbo="true" href="/category/plugins/concrete5">Concrete5</a> <a data-turbo="true" href="/category/plugins/drupal">Drupal</a> <a data-turbo="true" href="/category/plugins/expressionengine">ExpressionEngine</a> <a data-turbo="true" href="/category/plugins/joomla">Joomla</a> <a data-turbo="true" href="/category/plugins/magento-extensions">Magento Extensions</a> <a data-turbo="true" href="/category/plugins/muse-widgets">Muse Widgets</a> <a data-turbo="true" href="/category/plugins/opencart">OpenCart</a> <a data-turbo="true" href="/category/plugins/oscommerce">osCommerce</a> <a data-turbo="true" href="/category/plugins/prestashop">Prestashop</a> <a data-turbo="true" href="/category/plugins/ubercart">Ubercart</a> <a data-turbo="true" href="/category/plugins/virtuemart">VirtueMart</a> <a data-turbo="true" href="/category/plugins/zen-cart">Zen Cart</a> <a data-turbo="true" href="/category/plugins/miscellaneous">Miscellaneous</a> </nav> </div> </div> <div class="shared-global_header-categories_menu_component__menuItem"> <a rel="noopener" target="_blank" data-turbo="false" class="shared-global_header-categories_menu_component__link shared-global_header-categories_menu_component__linkEmpty shared-global_header-categories_menu_component__linkExternal" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </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/net">.NET</a> <a data-turbo="true" href="/category/apps">Apps</a> <a data-turbo="true" href="/search?term=facebook&type=files">Facebook</a> </nav> </div> </div> </nav> </div> </div> </div> </div> <div class="search-index_content__root"> <div class="search-search_header_component__root" data-controller="toggler"> <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="javascript/loaders-and-uploaders" data-autosuggest-suggestions-count-value="5"> <input type="hidden" name="category" value="javascript/loaders-and-uploaders" data-autosuggest-target="category"> <div class="shared-autosuggest_component__searchInputWrapper" data-controller="search-event"> <input class="shared-autosuggest_component__searchInput" placeholder="Search within these results" 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" /> <button class="shared-autosuggest_component__clearSearchBtn" type="button" aria-label="Clear" data-action="click->autosuggest#clearSearchInput" data-autosuggest-target="clear" > <span class="shared-autosuggest_component__clearSearchIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#close'></use> </svg> </span> </button> <nav class="shared-autosuggest_component__searchSuggestions" data-autosuggest-target="results"></nav> <button class="shared-autosuggest_component__searchBtn" aria-label="Search" data-action="click->search-event#submit" data-autosuggest-target="submit" > <span class="shared-autosuggest_component__searchBtnIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#search'></use> </svg> </span> <span class="shared-autosuggest_component__searchBtnLabel">Search</span> </button> </div> </form> <div class="search-search_header_component__headingContainer"> <h1 class="search-search_header_component__heading"> <strong>33</strong> JavaScript & jQuery Loaders & Uploaders sorted by best sellers. </h1> </div> </div> <div class="search-index_content__searchContentSection" id="content" data-controller="filters-switcher" data-filters-switcher-default-behavior-value="open" data-filters-switcher-button-active-class="search-index_content__filtersActive" data-filters-switcher-button-inactive-class="search-index_content__filtersInactive" data-filters-switcher-desktop-hide-class="search-index_content__hideDesktopFilters" data-filters-switcher-mobile-show-class="search-index_content__showMobileFilters" data-filters-switcher-icon-hide-class="search-index_content__hide"> <div class="search-index_content__searchControls"> <div class="search-index_content__filterRefinePlaceholder"> <button class="search-index_content__toggleButton search-index_content__filtersActive" data-filters-switcher-target="button" data-action="filters-switcher#toggle" > <span class="search-index_content__closeIcon" data-filters-switcher-target="closeIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#close_thin'></use> </svg> </span> <span class="search-index_content__openIcon" data-filters-switcher-target="openIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#filters_show'></use> </svg> </span> <span class="search-index_content__toggleButtonText"> Filter <span class="search-index_content__mobileOnly">(1)</span> <span class="search-index_content__hiddenOnMobile">& Refine</span> </span> </button> </div> <div class="search-index_content__priceNotice">Price is in US dollars and excludes tax and handling fees</div> <div class="search-index_content__searchResultHeader"> <div class="search-index_content__headerRightSideContainer"> <div class="search-index_content__headerRightSide"> <div class="search-list_grid_component__root"> <a title="List View" class="search-list_grid_component__listGridBtn search-list_grid_component__selected" href="/category/javascript/loaders-and-uploaders#content" rel="nofollow" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#list'></use> </svg> </a> <a title="Grid View" class="search-list_grid_component__listGridBtn" href="/category/javascript/loaders-and-uploaders?view=grid#content" rel="nofollow" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#grid'></use> </svg> </a> </div> <div class="search-sort_pills_component__root"> <div class="search-sort_pills_component__sortByDropdown"> <label for="sortby" class="search-sort_pills_component__sortByLabel">Sort by: </label> <select class="search-sort_pills_component__sortBySelect" id="sortby" name="sortby" data-controller="dropdown-navigation" data-action="dropdown-navigation#navigate" > <option value="/category/javascript/loaders-and-uploaders?sort=sales#content" selected> Best sellers </option> <option value="/category/javascript/loaders-and-uploaders?sort=date#content" > Newest </option> <option value="/category/javascript/loaders-and-uploaders?sort=rating#content" > Best rated </option> <option value="/category/javascript/loaders-and-uploaders?sort=trending#content" > Trending </option> <option value="/category/javascript/loaders-and-uploaders?sort=price-asc#content" > Price: low to high </option> <option value="/category/javascript/loaders-and-uploaders?sort=price-desc#content" > Price: high to low </option> </select> <span class="search-sort_pills_component__chevronIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_down'></use> </svg> </span> </div> <div class="search-sort_pills_component__sortButtonRow"> <a href="/category/javascript/loaders-and-uploaders?sort=sales#content" class="search-sort_pills_component__sortButton search-sort_pills_component__selected" rel="nofollow" > Best sellers </a> <a href="/category/javascript/loaders-and-uploaders?sort=date#content" class="search-sort_pills_component__sortButton" rel="nofollow" > Newest </a> <a href="/category/javascript/loaders-and-uploaders?sort=rating#content" class="search-sort_pills_component__sortButton" rel="nofollow" > Best rated </a> <a href="/category/javascript/loaders-and-uploaders?sort=trending#content" class="search-sort_pills_component__sortButton" rel="nofollow" > Trending </a> <a href="/category/javascript/loaders-and-uploaders?sort=price-asc#content" class="search-sort_pills_component__sortButton" rel="nofollow" > Price <div class="search-sort_pills_component__priceSortingIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#price_no_sort'></use> </svg> </div> </a> </div> </div> </div> </div> </div> </div> <div class="search-index_content__searchResults"> <div> <div class="search-index_content__filtersPanel" data-filters-switcher-target="panel"> <div class="search-index_content__mobileFiltersHeader"> <div class="search-index_content__mobileFiltersHeadings"> <h3>Filter & Refine</h3> <span>33 results</span> </div> <a href="/category/all">Clear all</a> <button data-action="filters-switcher#toggle"> Done </button> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Category" data-toggler-session-storage-key-value="Category" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Category Filter" data-toggler-collapsed-aria-label="Expand Category Filter" aria-label="Expand Category Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Category</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <nav class="search-filters-category_filter_component__root" aria-label="categories filter"> <ul> <li class="search-filters-category_filter_component__category"> <span class="search-filters-category_filter_component__chevronIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_left'></use> </svg> </span> <a class="search-filters-category_filter_component__categoryLink search-filters-category_filter_component__parent" href="/search#content">All categories</a> <span class="search-filters-category_filter_component__count">34,983</span> </li> <li class="search-filters-category_filter_component__category"> <span class="search-filters-category_filter_component__chevronIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_left'></use> </svg> </span> <a class="search-filters-category_filter_component__categoryLink search-filters-category_filter_component__parent" href="/category/javascript#content">JavaScript</a> <span class="search-filters-category_filter_component__count">1,587</span> </li> <li class="search-filters-category_filter_component__category"> <a class="search-filters-category_filter_component__categoryLink search-filters-category_filter_component__current" href="/search#content">Loaders And Uploaders</a> <span class="search-filters-category_filter_component__count">33</span> </li> </ul> </nav> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Price" data-toggler-session-storage-key-value="Price" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Price Filter" data-toggler-collapsed-aria-label="Expand Price Filter" aria-label="Expand Price Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Price</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div> <form method="get" action="/search" data-controller= data-action= > <input type="hidden" name="category" value="javascript/loaders-and-uploaders"> <div class="search-filters-range_filter_component__inputsContainer"> <div class="search-filters-range_filter_component__inputWrapper"> <span class="search-filters-range_filter_component__prefix"> $ </span> <input type="text" name="price_min" class="search-filters-range_filter_component__input" placeholder="3" title="Enter price as a whole number" pattern="^\d*$" data-length-format-target="input" value= > </div> <span class="search-filters-range_filter_component__spacer">-</span> <div class="search-filters-range_filter_component__inputWrapper"> <span class="search-filters-range_filter_component__prefix"> $ </span> <input type="text" name="price_max" class="search-filters-range_filter_component__input" placeholder="59" title="Enter price as a whole number" pattern="^\d*$" data-length-format-target="input" value= > </div> <button type="submit" aria-label="submit" class="search-filters-range_filter_component__button" > <span class="search-filters-range_filter_component__chevron"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </button> </div> </form> </div> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="On Sale" data-toggler-session-storage-key-value="On Sale" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse On Sale Filter" data-toggler-collapsed-aria-label="Expand On Sale Filter" aria-label="Expand On Sale Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">On Sale</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div class="search-filters-checkbox_filter_component__root"> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?discounted_only=1#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> Yes </a> <span class="search-filters-checkbox_filter_component__count">2</span> </div> </div> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Software Version" data-toggler-session-storage-key-value="Software Version" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Software Version Filter" data-toggler-collapsed-aria-label="Expand Software Version Filter" aria-label="Expand Software Version Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Software Version</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div class="search-filters-software_version_filter_component__root"> <a class="search-filters-software_version_filter_component__link search-filters-software_version_filter_component__all" href="/category/javascript/loaders-and-uploaders#content"> All Software Versions <span class="search-filters-software_version_filter_component__count">33</span> </a> <div class="search-filters-software_version_filter_component__platformWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="true" > <div class="search-filters-software_version_filter_component__platformLinkWrapper"> <a rel="nofollow" class="search-filters-software_version_filter_component__link search-filters-software_version_filter_component__platform" href="/category/javascript/loaders-and-uploaders?platform=jQuery#content"> jQuery <span class="search-filters-software_version_filter_component__count">17</span> </a> </div> <div class="search-filters-software_version_filter_component__platformVersions" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-software_version_filter_component__expanded" > </div> </div> <div class="search-filters-software_version_filter_component__platformWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="true" > <div class="search-filters-software_version_filter_component__platformLinkWrapper"> <a rel="nofollow" class="search-filters-software_version_filter_component__link search-filters-software_version_filter_component__platform" href="/category/javascript/loaders-and-uploaders?platform=Node.js#content"> Node.js <span class="search-filters-software_version_filter_component__count">6</span> </a> </div> <div class="search-filters-software_version_filter_component__platformVersions" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-software_version_filter_component__expanded" > </div> </div> <div class="search-filters-software_version_filter_component__platformWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="true" > <div class="search-filters-software_version_filter_component__platformLinkWrapper"> <a rel="nofollow" class="search-filters-software_version_filter_component__link search-filters-software_version_filter_component__platform" href="/category/javascript/loaders-and-uploaders?platform=AngularJS#content"> AngularJS <span class="search-filters-software_version_filter_component__count">1</span> </a> </div> <div class="search-filters-software_version_filter_component__platformVersions" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-software_version_filter_component__expanded" > </div> </div> <div class="search-filters-software_version_filter_component__platformWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="true" > <div class="search-filters-software_version_filter_component__platformLinkWrapper"> <a rel="nofollow" class="search-filters-software_version_filter_component__link search-filters-software_version_filter_component__platform" href="/category/javascript/loaders-and-uploaders?platform=ReactJS#content"> ReactJS <span class="search-filters-software_version_filter_component__count">4</span> </a> </div> <div class="search-filters-software_version_filter_component__platformVersions" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-software_version_filter_component__expanded" > </div> </div> </div> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Sales" data-toggler-session-storage-key-value="Sales" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Sales Filter" data-toggler-collapsed-aria-label="Expand Sales Filter" aria-label="Expand Sales Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Sales</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div class="search-filters-checkbox_filter_component__root"> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?sales=rank-0#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> No Sales </a> <span class="search-filters-checkbox_filter_component__count">3</span> </div> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?sales=rank-1#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> Low </a> <span class="search-filters-checkbox_filter_component__count">8</span> </div> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?sales=rank-2#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> Medium </a> <span class="search-filters-checkbox_filter_component__count">20</span> </div> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?sales=rank-3#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> High </a> <span class="search-filters-checkbox_filter_component__count">2</span> </div> <div class="search-filters-checkbox_filter_component__option"> <a rel="nofollow" class="search-filters-checkbox_filter_component__link" href="/category/javascript/loaders-and-uploaders?sales=rank-4#content"> <span class="search-filters-checkbox_filter_component__checkbox"></span> Top Sellers </a> <span class="search-filters-checkbox_filter_component__count">0</span> </div> </div> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Rating" data-toggler-session-storage-key-value="Rating" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Rating Filter" data-toggler-collapsed-aria-label="Expand Rating Filter" aria-label="Expand Rating Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Rating</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div class="search-filters-radio_filter_component__root"> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" checked name="rating_min" value="" /> <span>Show all</span> </a> <span class="search-filters-radio_filter_component__count">33</span> </div> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders?rating_min=1#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" name="rating_min" value="1" /> <span>1 star and higher</span> </a> <span class="search-filters-radio_filter_component__count">12</span> </div> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders?rating_min=2#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" name="rating_min" value="2" /> <span>2 stars and higher</span> </a> <span class="search-filters-radio_filter_component__count">12</span> </div> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders?rating_min=3#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" name="rating_min" value="3" /> <span>3 stars and higher</span> </a> <span class="search-filters-radio_filter_component__count">11</span> </div> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders?rating_min=4#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" name="rating_min" value="4" /> <span>4 stars and higher</span> </a> <span class="search-filters-radio_filter_component__count">7</span> </div> </div> </div> </div> <div class="search-filters-filters_panel_component__filter" data-controller="toggler" data-filter-title="Date Added" data-toggler-session-storage-key-value="Date Added" data-toggler-expanded-value="true" data-toggler-toggle-on-connect-value="true"> <div class="search-filters-filters_panel_component__filterHeader" data-action="click->toggler#toggle" data-toggler-target="toggle" data-toggler-expanded-aria-label="Collapse Date Added Filter" data-toggler-collapsed-aria-label="Expand Date Added Filter" aria-label="Expand Date Added Filter"> <h3 class="search-filters-filters_panel_component__filterHeading">Date Added</h3> <span class="search-filters-filters_panel_component__chevron search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </div> <div class="search-filters-filters_panel_component__filterBody search-filters-filters_panel_component__expanded" data-toggler-target="toggle" data-toggler-expanded-class="search-filters-filters_panel_component__expanded"> <div class="search-filters-radio_filter_component__root"> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" checked name="date" value="" /> <span>Any date</span> </a> <span class="search-filters-radio_filter_component__count">33</span> </div> <div class="search-filters-radio_filter_component__option"> <a rel="nofollow" class="search-filters-radio_filter_component__link" href="/category/javascript/loaders-and-uploaders?date=this-year#content"> <input type="radio" class="search-filters-radio_filter_component__radioInput" name="date" value="this-year" /> <span>In the last year</span> </a> <span class="search-filters-radio_filter_component__count">1</span> </div> </div> </div> </div> </div> </div> <div class="search-index_content__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> <main class="search-index_content__searchResultsBody"> <div class="search-index_content__selectedFiltersAndVolumeWrapper"> <div class="search-index_content__selectedFiltersWrapper"> <div class="search-controls-selected_filters_component__root"> <p class="search-controls-selected_filters_component__itemCount"> <span class="search-controls-selected_filters_component__itemCountNumber">33</span> items in </p> <ol class="search-controls-category_breadcrumbs_component__root" vocab="http://schema.org/" typeof="BreadcrumbList"> <li class="search-controls-category_breadcrumbs_component__breadcrumb" property="itemListElement" typeof="ListItem"> <a href="/category/all#content" class="search-controls-category_breadcrumbs_component__link" property="item" typeof="WebPage"><span property="name">All Categories</span></a> <meta property="position" content="1"> </li> <li class="search-controls-category_breadcrumbs_component__separator">/</li> <li class="search-controls-category_breadcrumbs_component__breadcrumb" property="itemListElement" typeof="ListItem"> <a href="/category/javascript#content" class="search-controls-category_breadcrumbs_component__link" property="item" typeof="WebPage"><span property="name">JavaScript</span></a> <meta property="position" content="2"> </li> <li class="search-controls-category_breadcrumbs_component__separator">/</li> <li class="search-controls-category_breadcrumbs_component__breadcrumb" property="itemListElement" typeof="ListItem"> <a href="/category/javascript/loaders-and-uploaders#content" class="search-controls-category_breadcrumbs_component__link" property="item" typeof="WebPage"><span property="name">Loaders And Uploaders</span></a> <meta property="position" content="3"> </li> </ol> <div class="search-controls-removable_filter_pills_component__root"> <ul class="search-controls-removable_filter_pills_component__pills"> </ul> </div> <a class="search-controls-selected_filters_component__clearAll" href="/category/all">Clear all</a> </div> </div> </div> <div class="search-index_content__searchResultsWrapper"> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":33,"ecommerce":{"currency":"USD","item_list_name":"Search Results: Category","items":[{"itemId":16548700,"index":1,"affiliation":"codecanyon","itemName":"Drop Uploader - Drag\u0026Drop Javascript File Uploader","itemBrand":"borisolhor","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1},{"itemId":9254506,"index":2,"affiliation":"codecanyon","itemName":"HTML5 File Upload","itemBrand":"stbeets","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1},{"itemId":268112,"index":3,"affiliation":"codecanyon","itemName":"Simple Content Loader","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1},{"itemId":12407531,"index":4,"affiliation":"codecanyon","itemName":"Lazy Loader - Infinite scroll JQuery plugin","itemBrand":"pandao","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1},{"itemId":17908439,"index":5,"affiliation":"codecanyon","itemName":"LoftLoader jQuery - Create a Stunning Loading Screen","itemBrand":"LoftOcean","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"14.00","quantity":1},{"itemId":246085,"index":6,"affiliation":"codecanyon","itemName":"Simple Loading Modal - Elegant Loader for jQuery","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1},{"itemId":16824807,"index":7,"affiliation":"codecanyon","itemName":"JS Image Loader 1.3","itemBrand":"OlDenWeb","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"16.00","quantity":1},{"itemId":4664601,"index":8,"affiliation":"codecanyon","itemName":"Loading Icons","itemBrand":"mnpkg","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1},{"itemId":22572283,"index":9,"affiliation":"codecanyon","itemName":"Page Preloaders - jQuery Plugin with Preload Animations","itemBrand":"MuseTemplatesPro","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1},{"itemId":33764904,"index":10,"affiliation":"codecanyon","itemName":"File Manager and Cloud Storage with OCR","itemBrand":"mlglobtechnology","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"34.00","quantity":1},{"itemId":4903957,"index":11,"affiliation":"codecanyon","itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"11.00","quantity":1},{"itemId":5600335,"index":12,"affiliation":"codecanyon","itemName":"Drag-n-Drop Bulk Image Uploader","itemBrand":"mrFreelancer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1},{"itemId":20447105,"index":13,"affiliation":"codecanyon","itemName":"Drag \u0026 Drop - Image and File Uploader Template","itemBrand":"Hi-TechParks","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1},{"itemId":33020262,"index":14,"affiliation":"codecanyon","itemName":"Up my files - File uploader. Web component + Express server in node","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1},{"itemId":3742124,"index":15,"affiliation":"codecanyon","itemName":"jQuery Object Overlay","itemBrand":"awgeorge","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1},{"itemId":3744506,"index":16,"affiliation":"codecanyon","itemName":"Random Loaders","itemBrand":"jeremyfifty9","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1},{"itemId":32151966,"index":17,"affiliation":"codecanyon","itemName":"Image Lazyload Plugin","itemBrand":"DannyRose1993","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1},{"itemId":42000997,"index":18,"affiliation":"codecanyon","itemName":"Peer to Peer File Sharing Without Uploading","itemBrand":"3codes","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"49.00","quantity":1},{"itemId":31923913,"index":19,"affiliation":"codecanyon","itemName":"JS Animation Loader","itemBrand":"ezio_team","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1},{"itemId":38779900,"index":20,"affiliation":"codecanyon","itemName":"WebTorrent - A Server Side Torrent Downlaoder","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"59.00","quantity":1},{"itemId":41861055,"index":21,"affiliation":"codecanyon","itemName":"Images Select \u0026 Drag and Drop with Preview - JavaScript","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1},{"itemId":40725991,"index":22,"affiliation":"codecanyon","itemName":"Next.Js Images Upload Progress Bar Using Axios - React Component","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1},{"itemId":22696923,"index":23,"affiliation":"codecanyon","itemName":"HTML Element Loading Animation","itemBrand":"klausbrandner","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1},{"itemId":27925144,"index":24,"affiliation":"codecanyon","itemName":"Beautiful Loaders 2 - React loading indicators","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1},{"itemId":50682767,"index":25,"affiliation":"codecanyon","itemName":"Universal Loader","itemBrand":"colinmathews","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1},{"itemId":38649995,"index":26,"affiliation":"codecanyon","itemName":"[FileCoin] IPFS File Upload Script","itemBrand":"krecicki","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"12.00","quantity":1},{"itemId":31520625,"index":27,"affiliation":"codecanyon","itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1},{"itemId":40116946,"index":28,"affiliation":"codecanyon","itemName":"PDF Files Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1},{"itemId":40213814,"index":29,"affiliation":"codecanyon","itemName":"Images Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1},{"itemId":24097570,"index":30,"affiliation":"codecanyon","itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" class="search-item_cards_container_component__list"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="16548700" data-price="10.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/drop-uploader-dragdrop-javascript-file-uploader/16548700" title="Drop Uploader - Drag&Drop Javascript File Uploader" aria-label="View Drop Uploader - Drag&Drop Javascript File Uploader" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":16548700,"itemName":"Drop Uploader - Drag\u0026Drop Javascript File Uploader","itemBrand":"borisolhor","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":16548700,"itemName":"Drop Uploader - Drag\u0026Drop Javascript File Uploader","itemBrand":"borisolhor","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/drop-uploader-dragdrop-javascript-file-uploader/16548700"> <img src="https://market-resized.envatousercontent.com/previews/files/498048974/Drop+Uploader+for+jQuery.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=fd183209ad58ece6b87da8c2fabde47481b4cbf5362188b4021c5b037e82f0ff" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Drop Uploader - Drag&Drop Javascript File Uploader" title="Drop Uploader - Drag&Drop Javascript File Uploader" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/498048974/Drop%20Uploader%20for%20jQuery.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=16548700" 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="16548700" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/16548700" 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="16548700"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":16548700,"itemName":"Drop Uploader - Drag\u0026Drop Javascript File Uploader","itemBrand":"borisolhor","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/drop-uploader-dragdrop-javascript-file-uploader/16548700">Drop Uploader - Drag&Drop Javascript File Uploader</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/borisolhor" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > borisolhor </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=16548700" 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="16548700" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/16548700" 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="16548700"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.23 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_4.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(22)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 999 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 02 Nov 20 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/16548700" 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?item_id=16548700" data-modal-commander-method-value="POST" data-cart-button-item-id-value="16548700" 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":"codecanyon","itemId":16548700,"itemName":"Drop Uploader - Drag\u0026Drop Javascript File Uploader","itemBrand":"borisolhor","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/drop-uploader-dragdrop-javascript-file-uploader/full_screen_preview/16548700" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="9254506" data-price="10.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/html5-file-upload/9254506" title="HTML5 File Upload" aria-label="View HTML5 File Upload" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":9254506,"itemName":"HTML5 File Upload","itemBrand":"stbeets","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":9254506,"itemName":"HTML5 File Upload","itemBrand":"stbeets","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/html5-file-upload/9254506"> <img src="https://market-resized.envatousercontent.com/previews/files/109012763/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=0066c35fe7c51d1214410b3cc25bdd601e03ebb98117d09d121f18e06f5cfd8c" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="HTML5 File Upload" title="HTML5 File Upload" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/109012763/preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=9254506" 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="9254506" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/9254506" 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="9254506"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":9254506,"itemName":"HTML5 File Upload","itemBrand":"stbeets","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/html5-file-upload/9254506">HTML5 File Upload</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/stbeets" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > stbeets </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery, Other</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=9254506" 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="9254506" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/9254506" 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="9254506"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-list-image_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, 18 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">(18)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 673 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 24 Jul 15 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/9254506" 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?item_id=9254506" data-modal-commander-method-value="POST" data-cart-button-item-id-value="9254506" 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":"codecanyon","itemId":9254506,"itemName":"HTML5 File Upload","itemBrand":"stbeets","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/html5-file-upload/full_screen_preview/9254506" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="268112" data-price="5.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/simple-content-loader/268112" title="Simple Content Loader" aria-label="View Simple Content Loader" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":268112,"itemName":"Simple Content Loader","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":268112,"itemName":"Simple Content Loader","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}" href="https://codecanyon.net/item/simple-content-loader/268112"> <img src="https://market-resized.envatousercontent.com/previews/files/2786293/simple-loading-modal-inline2.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=63083c3eebae8844dc2cff0d4495e88459633825752b00b26f8db41f6d491ccd" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Simple Content Loader" title="Simple Content Loader" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/2786293/simple-loading-modal-inline2.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=268112" 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="268112" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/268112" 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="268112"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":268112,"itemName":"Simple Content Loader","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}" href="https://codecanyon.net/item/simple-content-loader/268112">Simple Content Loader</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/xxcriversxx" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > xxcriversxx </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=268112" 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="268112" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/268112" 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="268112"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 3.5 out of 5, 24 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_3.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(24)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 270 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 17 Jun 11 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/268112" 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?item_id=268112" data-modal-commander-method-value="POST" data-cart-button-item-id-value="268112" 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":"codecanyon","itemId":268112,"itemName":"Simple Content Loader","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","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> <a href="https://codecanyon.net/item/simple-content-loader/full_screen_preview/268112" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="12407531" data-price="9.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/lazy-loader-infinite-scroll-jquery-plugin/12407531" title="Lazy Loader - Infinite scroll JQuery plugin" aria-label="View Lazy Loader - Infinite scroll JQuery plugin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":12407531,"itemName":"Lazy Loader - Infinite scroll JQuery plugin","itemBrand":"pandao","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":12407531,"itemName":"Lazy Loader - Infinite scroll JQuery plugin","itemBrand":"pandao","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/lazy-loader-infinite-scroll-jquery-plugin/12407531"> <img src="https://market-resized.envatousercontent.com/previews/files/160928637/preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=6dfc4e29c9cb36b29bead0724c83af7a1f59be8230fcb4711f37957f9a0ae318" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Lazy Loader - Infinite scroll JQuery plugin" title="Lazy Loader - Infinite scroll JQuery plugin" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/160928637/preview.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=12407531" 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="12407531" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/12407531" 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="12407531"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":12407531,"itemName":"Lazy Loader - Infinite scroll JQuery plugin","itemBrand":"pandao","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/lazy-loader-infinite-scroll-jquery-plugin/12407531">Lazy Loader - Infinite scroll JQuery plugin</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/pandao" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > pandao </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=12407531" 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="12407531" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/12407531" 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="12407531"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 3.6 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_3.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(5)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 224 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 12 Mar 18 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/12407531" 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?item_id=12407531" data-modal-commander-method-value="POST" data-cart-button-item-id-value="12407531" 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":"codecanyon","itemId":12407531,"itemName":"Lazy Loader - Infinite scroll JQuery plugin","itemBrand":"pandao","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/lazy-loader-infinite-scroll-jquery-plugin/full_screen_preview/12407531" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="17908439" data-price="14.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/loftloader-jquery-create-a-stunning-loading-screen/17908439" title="LoftLoader jQuery - Create a Stunning Loading Screen" aria-label="View LoftLoader jQuery - Create a Stunning Loading Screen" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":17908439,"itemName":"LoftLoader jQuery - Create a Stunning Loading Screen","itemBrand":"LoftOcean","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"14.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":17908439,"itemName":"LoftLoader jQuery - Create a Stunning Loading Screen","itemBrand":"LoftOcean","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"14.00","quantity":1}]}}" href="https://codecanyon.net/item/loftloader-jquery-create-a-stunning-loading-screen/17908439"> <img src="https://market-resized.envatousercontent.com/previews/files/424638608/01_preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=a9b5ce5a90eab4ff93509e5f4c7540768ec7384d880c71641da1a7502e59086a" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="LoftLoader jQuery - Create a Stunning Loading Screen" title="LoftLoader jQuery - Create a Stunning Loading Screen" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/424638608/01_preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=17908439" 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="17908439" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/17908439" 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="17908439"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":17908439,"itemName":"LoftLoader jQuery - Create a Stunning Loading Screen","itemBrand":"LoftOcean","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"14.00","quantity":1}]}}" href="https://codecanyon.net/item/loftloader-jquery-create-a-stunning-loading-screen/17908439">LoftLoader jQuery - Create a Stunning Loading Screen</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/loftocean" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > LoftOcean </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=17908439" 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="17908439" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/17908439" 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="17908439"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $14 </div> <div class="shared-item_cards-list-image_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> <div class="shared-item_cards-sales_component__root"> 152 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 13 Dec 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/17908439" 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?item_id=17908439" data-modal-commander-method-value="POST" data-cart-button-item-id-value="17908439" 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":"codecanyon","itemId":17908439,"itemName":"LoftLoader jQuery - Create a Stunning Loading Screen","itemBrand":"LoftOcean","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/loftloader-jquery-create-a-stunning-loading-screen/full_screen_preview/17908439" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="246085" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/simple-loading-modal-elegant-loader-for-jquery/246085" title="Simple Loading Modal - Elegant Loader for jQuery" aria-label="View Simple Loading Modal - Elegant Loader for jQuery" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":246085,"itemName":"Simple Loading Modal - Elegant Loader for jQuery","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":246085,"itemName":"Simple Loading Modal - Elegant Loader for jQuery","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/simple-loading-modal-elegant-loader-for-jquery/246085"> <img src="https://market-resized.envatousercontent.com/previews/files/2616040/simple-loading-modal-inline.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=f73a96a62775b94eff1854868b0c3fd30a5b08050f033520491c282b3b7125a6" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Simple Loading Modal - Elegant Loader for jQuery" title="Simple Loading Modal - Elegant Loader for jQuery" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/2616040/simple-loading-modal-inline.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=246085" 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="246085" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/246085" 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="246085"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":246085,"itemName":"Simple Loading Modal - Elegant Loader for jQuery","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/simple-loading-modal-elegant-loader-for-jquery/246085">Simple Loading Modal - Elegant Loader for jQuery</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/xxcriversxx" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > xxcriversxx </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=246085" 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="246085" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/246085" 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="246085"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $6 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 3.2 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_3.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(10)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 137 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 24 Mar 16 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/246085" 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?item_id=246085" data-modal-commander-method-value="POST" data-cart-button-item-id-value="246085" 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":"6.00","items":[{"affiliation":"codecanyon","itemId":246085,"itemName":"Simple Loading Modal - Elegant Loader for jQuery","itemBrand":"xxcriversxx","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.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> <a href="https://codecanyon.net/item/simple-loading-modal-elegant-loader-for-jquery/full_screen_preview/246085" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="16824807" data-price="16.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/js-image-loader/16824807" title="JS Image Loader 1.3" aria-label="View JS Image Loader 1.3" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":16824807,"itemName":"JS Image Loader 1.3","itemBrand":"OlDenWeb","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"16.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":16824807,"itemName":"JS Image Loader 1.3","itemBrand":"OlDenWeb","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"16.00","quantity":1}]}}" href="https://codecanyon.net/item/js-image-loader/16824807"> <img src="https://market-resized.envatousercontent.com/previews/files/193339355/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=65c9d32e805cb704c826fcccdd8d610e52879716de51808463e3cc9ed1c1afbf" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="JS Image Loader 1.3" title="JS Image Loader 1.3" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/193339355/preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=16824807" 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="16824807" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/16824807" 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="16824807"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":16824807,"itemName":"JS Image Loader 1.3","itemBrand":"OlDenWeb","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"16.00","quantity":1}]}}" href="https://codecanyon.net/item/js-image-loader/16824807">JS Image Loader 1.3</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/oldenweb" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > OlDenWeb </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=16824807" 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="16824807" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/16824807" 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="16824807"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $16 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 2.71 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_2.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(7)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 99 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 01 Apr 18 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/16824807" 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?item_id=16824807" data-modal-commander-method-value="POST" data-cart-button-item-id-value="16824807" 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":"16.00","items":[{"affiliation":"codecanyon","itemId":16824807,"itemName":"JS Image Loader 1.3","itemBrand":"OlDenWeb","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"16.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> <a href="https://codecanyon.net/item/js-image-loader/full_screen_preview/16824807" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="4664601" data-price="9.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/loading-script/4664601" title="Loading Icons" aria-label="View Loading Icons" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":4664601,"itemName":"Loading Icons","itemBrand":"mnpkg","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":4664601,"itemName":"Loading Icons","itemBrand":"mnpkg","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/loading-script/4664601"> <img src="https://market-resized.envatousercontent.com/previews/files/55591275/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=c590aeb672af27cd48a76c72bb02d8d3b26c2bb5b786207129094ffa66283a3d" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Loading Icons" title="Loading Icons" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/55591275/preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=4664601" 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="4664601" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/4664601" 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="4664601"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":4664601,"itemName":"Loading Icons","itemBrand":"mnpkg","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/loading-script/4664601">Loading Icons</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/mnpkg" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > mnpkg </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=4664601" 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="4664601" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/4664601" 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="4664601"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-list-image_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> <div class="shared-item_cards-sales_component__root"> 85 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 04 Jan 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/4664601" 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?item_id=4664601" data-modal-commander-method-value="POST" data-cart-button-item-id-value="4664601" 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":"codecanyon","itemId":4664601,"itemName":"Loading Icons","itemBrand":"mnpkg","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/loading-script/full_screen_preview/4664601" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="22572283" data-price="8.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/page-preloaders-jquery-plugin-with-preload-animations/22572283" title="Page Preloaders - jQuery Plugin with Preload Animations" aria-label="View Page Preloaders - jQuery Plugin with Preload Animations" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":22572283,"itemName":"Page Preloaders - jQuery Plugin with Preload Animations","itemBrand":"MuseTemplatesPro","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":22572283,"itemName":"Page Preloaders - jQuery Plugin with Preload Animations","itemBrand":"MuseTemplatesPro","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}" href="https://codecanyon.net/item/page-preloaders-jquery-plugin-with-preload-animations/22572283"> <img src="https://market-resized.envatousercontent.com/previews/files/253651127/inline.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=4f5b043c5009affafcbfdfa65024daf7eb54b220090ee51c5765edf49dbecb82" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Page Preloaders - jQuery Plugin with Preload Animations" title="Page Preloaders - jQuery Plugin with Preload Animations" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/253651127/inline.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=22572283" 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="22572283" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/22572283" 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="22572283"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":22572283,"itemName":"Page Preloaders - jQuery Plugin with Preload Animations","itemBrand":"MuseTemplatesPro","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}" href="https://codecanyon.net/item/page-preloaders-jquery-plugin-with-preload-animations/22572283">Page Preloaders - jQuery Plugin with Preload Animations</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/musetemplatespro" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > MuseTemplatesPro </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=22572283" 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="22572283" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/22572283" 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="22572283"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 73 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 11 Sep 18 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/22572283" 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?item_id=22572283" data-modal-commander-method-value="POST" data-cart-button-item-id-value="22572283" 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":"codecanyon","itemId":22572283,"itemName":"Page Preloaders - jQuery Plugin with Preload Animations","itemBrand":"MuseTemplatesPro","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/page-preloaders-jquery-plugin-with-preload-animations/full_screen_preview/22572283" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="33764904" data-price="34.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/file-manager-and-cloud-storage/33764904" title="File Manager and Cloud Storage with OCR" aria-label="View File Manager and Cloud Storage with OCR" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":33764904,"itemName":"File Manager and Cloud Storage with OCR","itemBrand":"mlglobtechnology","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"34.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":33764904,"itemName":"File Manager and Cloud Storage with OCR","itemBrand":"mlglobtechnology","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/file-manager-and-cloud-storage/33764904"> <img src="https://market-resized.envatousercontent.com/previews/files/545257449/cloud-storage.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=1560dafc75bc5b33e11450e73da04725efea4bd11f5f7d1359d564a4ab556c8b" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="File Manager and Cloud Storage with OCR" title="File Manager and Cloud Storage with OCR" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/545257449/cloud-storage.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=33764904" 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="33764904" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/33764904" 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="33764904"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <span class="shared-item_cards-sash_component__sash shared-item_cards-sash_component__sash_sale" style="width: 50px; height: 50px;"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#sash_sale'></use> </svg> </span> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":33764904,"itemName":"File Manager and Cloud Storage with OCR","itemBrand":"mlglobtechnology","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/file-manager-and-cloud-storage/33764904">File Manager and Cloud Storage with OCR</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/mlglobtechnology" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > mlglobtechnology </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">Angular, AngularJS</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">Sass</li> <li class="shared-item_cards-included_files_component__fileType">SQL</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=33764904" 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="33764904" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/33764904" 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="33764904"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$49</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$34</span> </div> <div class="shared-item_cards-list-image_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, 9 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">(9)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 72 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 20 Nov 24 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/33764904" 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?item_id=33764904" data-modal-commander-method-value="POST" data-cart-button-item-id-value="33764904" 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":"34.00","items":[{"affiliation":"codecanyon","itemId":33764904,"itemName":"File Manager and Cloud Storage with OCR","itemBrand":"mlglobtechnology","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"34.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> <a href="https://codecanyon.net/item/file-manager-and-cloud-storage/full_screen_preview/33764904" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="4903957" data-price="11.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ajax-queue-jquery/4903957" title="AJAX Queue (jQuery)" aria-label="View AJAX Queue (jQuery)" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":4903957,"itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"11.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":4903957,"itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"11.00","quantity":1}]}}" href="https://codecanyon.net/item/ajax-queue-jquery/4903957"> <img src="https://market-resized.envatousercontent.com/previews/files/58503102/Preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=c78ceb2309411621efe3eefc89944ac202936c4564c6368e12ee82bf8ab10886" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="AJAX Queue (jQuery)" title="AJAX Queue (jQuery)" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/58503102/Preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=4903957" 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="4903957" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/4903957" 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="4903957"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":4903957,"itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"11.00","quantity":1}]}}" href="https://codecanyon.net/item/ajax-queue-jquery/4903957">AJAX Queue (jQuery)</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/designcise" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > designcise </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=4903957" 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="4903957" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/4903957" 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="4903957"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $11 </div> <div class="shared-item_cards-list-image_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> <div class="shared-item_cards-sales_component__root"> 52 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 08 Jun 13 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <div class="shared-item_cards-list-image_card_component__addToCartDesktop"> <a class="shared-item_cards-add_to_cart_button_component__root" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/4903957" 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?item_id=4903957" data-modal-commander-method-value="POST" data-cart-button-item-id-value="4903957" 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":"codecanyon","itemId":4903957,"itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"11.00","quantity":1}]}}" > Add to Cart </a> </div> <div class="shared-item_cards-list-image_card_component__addToCartMobile"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/4903957" 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?item_id=4903957" data-modal-commander-method-value="POST" data-cart-button-item-id-value="4903957" 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":"codecanyon","itemId":4903957,"itemName":"AJAX Queue (jQuery)","itemBrand":"designcise","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","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="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="5600335" data-price="9.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/dragndrop-bulk-image-uploader/5600335" title="Drag-n-Drop Bulk Image Uploader" aria-label="View Drag-n-Drop Bulk Image Uploader" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":5600335,"itemName":"Drag-n-Drop Bulk Image Uploader","itemBrand":"mrFreelancer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":5600335,"itemName":"Drag-n-Drop Bulk Image Uploader","itemBrand":"mrFreelancer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/dragndrop-bulk-image-uploader/5600335"> <img src="https://market-resized.envatousercontent.com/previews/files/67104223/preview_image.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=b2f222ada88fbf1e20269a8e6c13e63e1ea2c7ad67c071efb6ca00afbae91829" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Drag-n-Drop Bulk Image Uploader" title="Drag-n-Drop Bulk Image Uploader" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/67104223/preview_image.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=5600335" 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="5600335" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/5600335" 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="5600335"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":5600335,"itemName":"Drag-n-Drop Bulk Image Uploader","itemBrand":"mrFreelancer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/dragndrop-bulk-image-uploader/5600335">Drag-n-Drop Bulk Image Uploader</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/mrfreelancer" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > mrFreelancer </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">PHP</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=5600335" 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="5600335" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/5600335" 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="5600335"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 42 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 18 Sep 13 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/5600335" 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?item_id=5600335" data-modal-commander-method-value="POST" data-cart-button-item-id-value="5600335" 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":"codecanyon","itemId":5600335,"itemName":"Drag-n-Drop Bulk Image Uploader","itemBrand":"mrFreelancer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/dragndrop-bulk-image-uploader/full_screen_preview/5600335" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="20447105" data-price="9.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/drag-drop-image-and-file-uploader/20447105" title="Drag & Drop - Image and File Uploader Template" aria-label="View Drag & Drop - Image and File Uploader Template" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":20447105,"itemName":"Drag \u0026 Drop - Image and File Uploader Template","itemBrand":"Hi-TechParks","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":20447105,"itemName":"Drag \u0026 Drop - Image and File Uploader Template","itemBrand":"Hi-TechParks","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/drag-drop-image-and-file-uploader/20447105"> <img src="https://market-resized.envatousercontent.com/previews/files/231481623/Banner.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=2b0e9379ab18ad7ceb3ef397eeeae85da2844078359d5ed3133e1e262538031b" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Drag & Drop - Image and File Uploader Template" title="Drag & Drop - Image and File Uploader Template" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/231481623/Banner.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=20447105" 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="20447105" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/20447105" 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="20447105"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":20447105,"itemName":"Drag \u0026 Drop - Image and File Uploader Template","itemBrand":"Hi-TechParks","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/drag-drop-image-and-file-uploader/20447105">Drag & Drop - Image and File Uploader Template</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/hi-techparks" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Hi-TechParks </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=20447105" 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="20447105" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/20447105" 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="20447105"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $9 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 38 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 20 Apr 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/20447105" 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?item_id=20447105" data-modal-commander-method-value="POST" data-cart-button-item-id-value="20447105" 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":"codecanyon","itemId":20447105,"itemName":"Drag \u0026 Drop - Image and File Uploader Template","itemBrand":"Hi-TechParks","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/drag-drop-image-and-file-uploader/full_screen_preview/20447105" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="33020262" data-price="3.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/up-my-files-file-uploader-web-component-express-server-in-node/33020262" title="Up my files - File uploader. Web component + Express server in node" aria-label="View Up my files - File uploader. Web component + Express server in node" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":33020262,"itemName":"Up my files - File uploader. Web component + Express server in node","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":33020262,"itemName":"Up my files - File uploader. Web component + Express server in node","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/up-my-files-file-uploader-web-component-express-server-in-node/33020262"> <img src="https://market-resized.envatousercontent.com/previews/files/347561691/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8695cdde80eeb45f566da2152149f7a368b1451ad0355a175bfdb77022b0c5da" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Up my files - File uploader. Web component + Express server in node" title="Up my files - File uploader. Web component + Express server in node" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/347561691/preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=33020262" 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="33020262" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/33020262" 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="33020262"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":33020262,"itemName":"Up my files - File uploader. Web component + Express server in node","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/up-my-files-file-uploader-web-component-express-server-in-node/33020262">Up my files - File uploader. Web component + Express server in node</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/cingostore" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > cingostore </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">Node.js</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">Sass</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=33020262" 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="33020262" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/33020262" 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="33020262"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $3 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 29 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 08 Jul 21 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/33020262" 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?item_id=33020262" data-modal-commander-method-value="POST" data-cart-button-item-id-value="33020262" 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":"3.00","items":[{"affiliation":"codecanyon","itemId":33020262,"itemName":"Up my files - File uploader. Web component + Express server in node","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.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> <a href="https://codecanyon.net/item/up-my-files-file-uploader-web-component-express-server-in-node/full_screen_preview/33020262" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="3742124" data-price="4.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/jquery-object-overlay/3742124" title="jQuery Object Overlay" aria-label="View jQuery Object Overlay" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":3742124,"itemName":"jQuery Object Overlay","itemBrand":"awgeorge","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":3742124,"itemName":"jQuery Object Overlay","itemBrand":"awgeorge","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}" href="https://codecanyon.net/item/jquery-object-overlay/3742124"> <img src="https://market-resized.envatousercontent.com/previews/files/44880974/objectoverlay_banner.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=89baedb90f27a60d30350e5a781c617cbc431d77979151a11c4a3ef5e5a22f39" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="jQuery Object Overlay" title="jQuery Object Overlay" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/44880974/objectoverlay_banner.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=3742124" 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="3742124" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/3742124" 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="3742124"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":3742124,"itemName":"jQuery Object Overlay","itemBrand":"awgeorge","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}" href="https://codecanyon.net/item/jquery-object-overlay/3742124">jQuery Object Overlay</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/awgeorge" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > awgeorge </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=3742124" 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="3742124" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/3742124" 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="3742124"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $4 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"><div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 3.5 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_3.5'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(4)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 26 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 06 Jan 13 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/3742124" 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?item_id=3742124" data-modal-commander-method-value="POST" data-cart-button-item-id-value="3742124" 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":"4.00","items":[{"affiliation":"codecanyon","itemId":3742124,"itemName":"jQuery Object Overlay","itemBrand":"awgeorge","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.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> <a href="https://codecanyon.net/item/jquery-object-overlay/full_screen_preview/3742124" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="3744506" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/random-loaders/3744506" title="Random Loaders" aria-label="View Random Loaders" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":3744506,"itemName":"Random Loaders","itemBrand":"jeremyfifty9","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":3744506,"itemName":"Random Loaders","itemBrand":"jeremyfifty9","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/random-loaders/3744506"> <img src="https://market-resized.envatousercontent.com/previews/files/44960744/inline2.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=298606b7910009fe7bffd2e726b5a4b50ff55c885490ac1a1db4c589ec94b2d9" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Random Loaders" title="Random Loaders" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/44960744/inline2.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=3744506" 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="3744506" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/3744506" 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="3744506"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":3744506,"itemName":"Random Loaders","itemBrand":"jeremyfifty9","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/random-loaders/3744506">Random Loaders</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/jeremyfifty9" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > jeremyfifty9 </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=3744506" 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="3744506" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/3744506" 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="3744506"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $6 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 26 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 07 Jan 13 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/3744506" 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?item_id=3744506" data-modal-commander-method-value="POST" data-cart-button-item-id-value="3744506" 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":"6.00","items":[{"affiliation":"codecanyon","itemId":3744506,"itemName":"Random Loaders","itemBrand":"jeremyfifty9","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.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> <a href="https://codecanyon.net/item/random-loaders/full_screen_preview/3744506" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="32151966" data-price="5.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/image-lazyload-plugin/32151966" title="Image Lazyload Plugin" aria-label="View Image Lazyload Plugin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":32151966,"itemName":"Image Lazyload Plugin","itemBrand":"DannyRose1993","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":32151966,"itemName":"Image Lazyload Plugin","itemBrand":"DannyRose1993","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}" href="https://codecanyon.net/item/image-lazyload-plugin/32151966"> <img src="https://market-resized.envatousercontent.com/previews/files/338820802/lazyload-preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=20d6653d193c8ecb270030a74e5f29424dd180f992809a1ce757522ed64f91d9" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Image Lazyload Plugin" title="Image Lazyload Plugin" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/338820802/lazyload-preview.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=32151966" 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="32151966" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/32151966" 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="32151966"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":32151966,"itemName":"Image Lazyload Plugin","itemBrand":"DannyRose1993","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"5.00","quantity":1}]}}" href="https://codecanyon.net/item/image-lazyload-plugin/32151966">Image Lazyload Plugin</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dannyrose1993" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > DannyRose1993 </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=32151966" 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="32151966" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/32151966" 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="32151966"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $5 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 24 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 25 Mar 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/32151966" 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?item_id=32151966" data-modal-commander-method-value="POST" data-cart-button-item-id-value="32151966" 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":"codecanyon","itemId":32151966,"itemName":"Image Lazyload Plugin","itemBrand":"DannyRose1993","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","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> <a href="https://codecanyon.net/item/image-lazyload-plugin/full_screen_preview/32151966" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="42000997" data-price="49.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/peer-to-peer-file-sharing-without-uploading/42000997" title="Peer to Peer File Sharing Without Uploading" aria-label="View Peer to Peer File Sharing Without Uploading" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":42000997,"itemName":"Peer to Peer File Sharing Without Uploading","itemBrand":"3codes","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"49.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":42000997,"itemName":"Peer to Peer File Sharing Without Uploading","itemBrand":"3codes","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"49.00","quantity":1}]}}" href="https://codecanyon.net/item/peer-to-peer-file-sharing-without-uploading/42000997"> <img src="https://market-resized.envatousercontent.com/previews/files/427644142/Peer+to+Peer+file+sharing+application+without+uploading.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=ff17ea027da76a0aebd033d3a360b960da7156a9a18477faabfae4c0bc29b923" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Peer to Peer File Sharing Without Uploading" title="Peer to Peer File Sharing Without Uploading" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/427644142/Peer%20to%20Peer%20file%20sharing%20application%20without%20uploading.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=42000997" 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="42000997" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/42000997" 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="42000997"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":42000997,"itemName":"Peer to Peer File Sharing Without Uploading","itemBrand":"3codes","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"49.00","quantity":1}]}}" href="https://codecanyon.net/item/peer-to-peer-file-sharing-without-uploading/42000997">Peer to Peer File Sharing Without Uploading</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/3codes" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > 3codes </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">Node.js, Other</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> <li class="shared-item_cards-included_files_component__fileType">Sass</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=42000997" 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="42000997" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/42000997" 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="42000997"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $49 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 22 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 04 Jan 23 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/42000997" 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?item_id=42000997" data-modal-commander-method-value="POST" data-cart-button-item-id-value="42000997" 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":"49.00","items":[{"affiliation":"codecanyon","itemId":42000997,"itemName":"Peer to Peer File Sharing Without Uploading","itemBrand":"3codes","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"49.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> <a href="https://codecanyon.net/item/peer-to-peer-file-sharing-without-uploading/full_screen_preview/42000997" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="31923913" data-price="7.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/js-animation-loader/31923913" title="JS Animation Loader" aria-label="View JS Animation Loader" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":31923913,"itemName":"JS Animation Loader","itemBrand":"ezio_team","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":31923913,"itemName":"JS Animation Loader","itemBrand":"ezio_team","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/js-animation-loader/31923913"> <img src="https://market-resized.envatousercontent.com/previews/files/336318353/Screenshot+05-02-2021+17.30.57.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=276a8d638c6c00f195ab7b328b89d18ab8a26c7480d9dd045912ec3c23653569" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="JS Animation Loader" title="JS Animation Loader" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/336318353/Screenshot%2005-02-2021%2017.30.57.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=31923913" 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="31923913" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/31923913" 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="31923913"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":31923913,"itemName":"JS Animation Loader","itemBrand":"ezio_team","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/js-animation-loader/31923913">JS Animation Loader</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/ezio_team" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > ezio_team </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=31923913" 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="31923913" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/31923913" 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="31923913"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $7 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 13 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 05 May 21 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/31923913" 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?item_id=31923913" data-modal-commander-method-value="POST" data-cart-button-item-id-value="31923913" 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":"codecanyon","itemId":31923913,"itemName":"JS Animation Loader","itemBrand":"ezio_team","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/js-animation-loader/full_screen_preview/31923913" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="38779900" data-price="59.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/webtorrent-a-server-side-torrent-downlaoder/38779900" title="WebTorrent - A Server Side Torrent Downlaoder" aria-label="View WebTorrent - A Server Side Torrent Downlaoder" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":38779900,"itemName":"WebTorrent - A Server Side Torrent Downlaoder","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"59.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":38779900,"itemName":"WebTorrent - A Server Side Torrent Downlaoder","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/webtorrent-a-server-side-torrent-downlaoder/38779900"> <img src="https://market-resized.envatousercontent.com/previews/files/404073888/hero_banner_v3.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=4f322b05de0a97974aa6bf24f408f1ccffcb72339fb4c378da3d0f37d369dc5d" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="WebTorrent - A Server Side Torrent Downlaoder" title="WebTorrent - A Server Side Torrent Downlaoder" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/404073888/hero_banner_v3.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=38779900" 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="38779900" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/38779900" 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="38779900"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":38779900,"itemName":"WebTorrent - A Server Side Torrent Downlaoder","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/webtorrent-a-server-side-torrent-downlaoder/38779900">WebTorrent - A Server Side Torrent Downlaoder</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/codeyon_itservices" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > codeyon_itservices </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">ReactJS, Node.js</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=38779900" 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="38779900" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/38779900" 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="38779900"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $59 </div> <div class="shared-item_cards-list-image_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, 3 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">(3)</span> </div> </div> <div class="shared-item_cards-sales_component__root"> 13 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 27 Aug 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/38779900" 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?item_id=38779900" data-modal-commander-method-value="POST" data-cart-button-item-id-value="38779900" 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":"59.00","items":[{"affiliation":"codecanyon","itemId":38779900,"itemName":"WebTorrent - A Server Side Torrent Downlaoder","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"59.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> <a href="https://codecanyon.net/item/webtorrent-a-server-side-torrent-downlaoder/full_screen_preview/38779900" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="41861055" data-price="10.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/javascript-images-select-and-drag-drop-with-preview/41861055" title="Images Select & Drag and Drop with Preview - JavaScript" aria-label="View Images Select & Drag and Drop with Preview - JavaScript" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":41861055,"itemName":"Images Select \u0026 Drag and Drop with Preview - JavaScript","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":41861055,"itemName":"Images Select \u0026 Drag and Drop with Preview - JavaScript","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/javascript-images-select-and-drag-drop-with-preview/41861055"> <img src="https://market-resized.envatousercontent.com/previews/files/421860400/preview+image.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=780f3cef8115cfeb79d7bdb51e420adca352ebd74802d88bfd1c0320e052c461" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Images Select & Drag and Drop with Preview - JavaScript" title="Images Select & Drag and Drop with Preview - JavaScript" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/421860400/preview%20image.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=41861055" 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="41861055" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/41861055" 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="41861055"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":41861055,"itemName":"Images Select \u0026 Drag and Drop with Preview - JavaScript","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/javascript-images-select-and-drag-drop-with-preview/41861055">Images Select & Drag and Drop with Preview - JavaScript</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dosana" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Dosana </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=41861055" 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="41861055" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/41861055" 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="41861055"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 13 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 23 Dec 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/41861055" 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?item_id=41861055" data-modal-commander-method-value="POST" data-cart-button-item-id-value="41861055" 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":"codecanyon","itemId":41861055,"itemName":"Images Select \u0026 Drag and Drop with Preview - JavaScript","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/javascript-images-select-and-drag-drop-with-preview/full_screen_preview/41861055" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="40725991" data-price="7.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/nextjs-images-upload-progress-bar-using-axios-react/40725991" title="Next.Js Images Upload Progress Bar Using Axios - React Component" aria-label="View Next.Js Images Upload Progress Bar Using Axios - React Component" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40725991,"itemName":"Next.Js Images Upload Progress Bar Using Axios - React Component","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40725991,"itemName":"Next.Js Images Upload Progress Bar Using Axios - React Component","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/nextjs-images-upload-progress-bar-using-axios-react/40725991"> <img src="https://market-resized.envatousercontent.com/previews/files/413822572/screencapture-techsini-multi-mockup-index-php-2022-11-01-14_01_00.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=e7121e43f850e9ac9ab4c7688457d1414bf3c7e2fc9a3603576a4672133ddc79" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Next.Js Images Upload Progress Bar Using Axios - React Component" title="Next.Js Images Upload Progress Bar Using Axios - React Component" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/413822572/screencapture-techsini-multi-mockup-index-php-2022-11-01-14_01_00.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=40725991" 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="40725991" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40725991" 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="40725991"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <span class="shared-item_cards-sash_component__sash shared-item_cards-sash_component__sash_sale" style="width: 50px; height: 50px;"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#sash_sale'></use> </svg> </span> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":40725991,"itemName":"Next.Js Images Upload Progress Bar Using Axios - React Component","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/nextjs-images-upload-progress-bar-using-axios-react/40725991">Next.Js Images Upload Progress Bar Using Axios - React Component</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dosana" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Dosana </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">ReactJS, Node.js</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=40725991" 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="40725991" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40725991" 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="40725991"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$15</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$7</span> </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 10 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 29 Oct 23 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/40725991" 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?item_id=40725991" data-modal-commander-method-value="POST" data-cart-button-item-id-value="40725991" 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":"codecanyon","itemId":40725991,"itemName":"Next.Js Images Upload Progress Bar Using Axios - React Component","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/nextjs-images-upload-progress-bar-using-axios-react/full_screen_preview/40725991" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="22696923" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/html-element-loading-animation/22696923" title="HTML Element Loading Animation" aria-label="View HTML Element Loading Animation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":22696923,"itemName":"HTML Element Loading Animation","itemBrand":"klausbrandner","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":22696923,"itemName":"HTML Element Loading Animation","itemBrand":"klausbrandner","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/html-element-loading-animation/22696923"> <img src="https://market-resized.envatousercontent.com/previews/files/255101545/image-preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=019dde13830f8a4f069dde37c0ae5e5f35d7eee42fe20eaba9660a752dfdfa6f" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="HTML Element Loading Animation" title="HTML Element Loading Animation" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/255101545/image-preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=22696923" 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="22696923" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/22696923" 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="22696923"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":22696923,"itemName":"HTML Element Loading Animation","itemBrand":"klausbrandner","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/html-element-loading-animation/22696923">HTML Element Loading Animation</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/klausbrandner" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > klausbrandner </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=22696923" 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="22696923" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/22696923" 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="22696923"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $6 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 8 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 10 Oct 18 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/22696923" 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?item_id=22696923" data-modal-commander-method-value="POST" data-cart-button-item-id-value="22696923" 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":"6.00","items":[{"affiliation":"codecanyon","itemId":22696923,"itemName":"HTML Element Loading Animation","itemBrand":"klausbrandner","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"6.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> <a href="https://codecanyon.net/item/html-element-loading-animation/full_screen_preview/22696923" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="27925144" data-price="3.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/react-loaders-loader-components-for-reactjs/27925144" title="Beautiful Loaders 2 - React loading indicators" aria-label="View Beautiful Loaders 2 - React loading indicators" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":27925144,"itemName":"Beautiful Loaders 2 - React loading indicators","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":27925144,"itemName":"Beautiful Loaders 2 - React loading indicators","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/react-loaders-loader-components-for-reactjs/27925144"> <img src="https://market-resized.envatousercontent.com/previews/files/316371637/inline-preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=3f17af7de518195e55c1d7d4c0b25993cf5ff419610175c8d8f37531d1e87eb4" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Beautiful Loaders 2 - React loading indicators" title="Beautiful Loaders 2 - React loading indicators" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/316371637/inline-preview.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=27925144" 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="27925144" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/27925144" 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="27925144"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":27925144,"itemName":"Beautiful Loaders 2 - React loading indicators","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/react-loaders-loader-components-for-reactjs/27925144">Beautiful Loaders 2 - React loading indicators</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/cingostore" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > cingostore </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=27925144" 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="27925144" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/27925144" 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="27925144"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $3 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 8 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 22 Dec 20 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/27925144" 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?item_id=27925144" data-modal-commander-method-value="POST" data-cart-button-item-id-value="27925144" 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":"3.00","items":[{"affiliation":"codecanyon","itemId":27925144,"itemName":"Beautiful Loaders 2 - React loading indicators","itemBrand":"cingostore","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.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> <a href="https://codecanyon.net/item/react-loaders-loader-components-for-reactjs/full_screen_preview/27925144" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="50682767" data-price="8.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/universal-loader/50682767" title="Universal Loader" aria-label="View Universal Loader" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50682767,"itemName":"Universal Loader","itemBrand":"colinmathews","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50682767,"itemName":"Universal Loader","itemBrand":"colinmathews","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}" href="https://codecanyon.net/item/universal-loader/50682767"> <img src="https://market-resized.envatousercontent.com/previews/files/487025419/card.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=51c2ae095817d38b8400795f7be6e371a7b27fc0a58ab0bb352288f0ab3c07c9" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Universal Loader" title="Universal Loader" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/487025419/card.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50682767" 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="50682767" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50682767" 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="50682767"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":50682767,"itemName":"Universal Loader","itemBrand":"colinmathews","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"8.00","quantity":1}]}}" href="https://codecanyon.net/item/universal-loader/50682767">Universal Loader</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/colinmathews" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > colinmathews </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=50682767" 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="50682767" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50682767" 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="50682767"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $8 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 7 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 10 Feb 24 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/50682767" 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?item_id=50682767" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50682767" 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":"codecanyon","itemId":50682767,"itemName":"Universal Loader","itemBrand":"colinmathews","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/universal-loader/full_screen_preview/50682767" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="38649995" data-price="12.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/filecoin-ipfs-file-upload-script/38649995" title="[FileCoin] IPFS File Upload Script" aria-label="View [FileCoin] IPFS File Upload Script" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":38649995,"itemName":"[FileCoin] IPFS File Upload Script","itemBrand":"krecicki","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"12.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":38649995,"itemName":"[FileCoin] IPFS File Upload Script","itemBrand":"krecicki","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"12.00","quantity":1}]}}" href="https://codecanyon.net/item/filecoin-ipfs-file-upload-script/38649995"> <img src="https://market-resized.envatousercontent.com/previews/files/398904656/Screen+Shot+2022-07-06+at+10.46.17+AM-2.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=a8157f25a8f0c90f42ddadfa699f3f4841e3077712b2df4e0c193f4a9e57ee49" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="[FileCoin] IPFS File Upload Script" title="[FileCoin] IPFS File Upload Script" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/398904656/Screen%20Shot%202022-07-06%20at%2010.46.17%20AM-2.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=38649995" 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="38649995" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/38649995" 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="38649995"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":38649995,"itemName":"[FileCoin] IPFS File Upload Script","itemBrand":"krecicki","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"12.00","quantity":1}]}}" href="https://codecanyon.net/item/filecoin-ipfs-file-upload-script/38649995">[FileCoin] IPFS File Upload Script</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/krecicki" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > krecicki </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=38649995" 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="38649995" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/38649995" 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="38649995"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $12 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 7 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 26 Jul 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/38649995" 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?item_id=38649995" data-modal-commander-method-value="POST" data-cart-button-item-id-value="38649995" 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":"codecanyon","itemId":38649995,"itemName":"[FileCoin] IPFS File Upload Script","itemBrand":"krecicki","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","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> <a href="https://codecanyon.net/item/filecoin-ipfs-file-upload-script/full_screen_preview/38649995" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="31520625" data-price="4.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/fullscreen-number-counter-preloader-js/31520625" title="Fullscreen Number Counter Preloader JS" aria-label="View Fullscreen Number Counter Preloader JS" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":31520625,"itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":31520625,"itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}" href="https://codecanyon.net/item/fullscreen-number-counter-preloader-js/31520625"> <img src="https://market-resized.envatousercontent.com/previews/files/332664848/Inline+Preview+Image.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=9148a762ae818ec3146201bccf888e87ebfbc3393cca9df95c6e8492ee3fdcca" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Fullscreen Number Counter Preloader JS" title="Fullscreen Number Counter Preloader JS" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/332664848/Inline%20Preview%20Image.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=31520625" 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="31520625" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/31520625" 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="31520625"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":31520625,"itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}" href="https://codecanyon.net/item/fullscreen-number-counter-preloader-js/31520625">Fullscreen Number Counter Preloader JS</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/romincomputer" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > romincomputer </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">jQuery</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">HTML</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=31520625" 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="31520625" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/31520625" 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="31520625"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $4 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 6 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 08 Apr 21 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <div class="shared-item_cards-list-image_card_component__addToCartDesktop"> <a class="shared-item_cards-add_to_cart_button_component__root" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/31520625" 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?item_id=31520625" data-modal-commander-method-value="POST" data-cart-button-item-id-value="31520625" 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":"4.00","items":[{"affiliation":"codecanyon","itemId":31520625,"itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.00","quantity":1}]}}" > Add to Cart </a> </div> <div class="shared-item_cards-list-image_card_component__addToCartMobile"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/31520625" 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?item_id=31520625" data-modal-commander-method-value="POST" data-cart-button-item-id-value="31520625" 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":"4.00","items":[{"affiliation":"codecanyon","itemId":31520625,"itemName":"Fullscreen Number Counter Preloader JS","itemBrand":"romincomputer","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"4.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="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="40116946" data-price="10.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/pdf-upload-with-preview-react-component-nextjs/40116946" title="PDF Files Browse & Drag and Drop with Preview - React Component - Next.js" aria-label="View PDF Files Browse & Drag and Drop with Preview - React Component - Next.js" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40116946,"itemName":"PDF Files Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40116946,"itemName":"PDF Files Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/pdf-upload-with-preview-react-component-nextjs/40116946"> <img src="https://market-resized.envatousercontent.com/previews/files/413840936/screencapture-techsini-multi-mockup-index-php-2022-11-02-13_42_35.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=c22f04b6bafa9cc029bbba1521a0143143de41854907d52f2ed6f18538afd2b1" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="PDF Files Browse & Drag and Drop with Preview - React Component - Next.js" title="PDF Files Browse & Drag and Drop with Preview - React Component - Next.js" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/413840936/screencapture-techsini-multi-mockup-index-php-2022-11-02-13_42_35.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=40116946" 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="40116946" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40116946" 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="40116946"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":40116946,"itemName":"PDF Files Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/pdf-upload-with-preview-react-component-nextjs/40116946">PDF Files Browse & Drag and Drop with Preview - React Component - Next.js</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dosana" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Dosana </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">ReactJS, Node.js</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=40116946" 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="40116946" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40116946" 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="40116946"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 5 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 17 Nov 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/40116946" 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?item_id=40116946" data-modal-commander-method-value="POST" data-cart-button-item-id-value="40116946" 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":"codecanyon","itemId":40116946,"itemName":"PDF Files Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/pdf-upload-with-preview-react-component-nextjs/full_screen_preview/40116946" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="40213814" data-price="10.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/images-upload-with-preview-react-component-nextjs/40213814" title="Images Browse & Drag and Drop with Preview - React Component - Next.js" aria-label="View Images Browse & Drag and Drop with Preview - React Component - Next.js" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40213814,"itemName":"Images Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40213814,"itemName":"Images Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/images-upload-with-preview-react-component-nextjs/40213814"> <img src="https://market-resized.envatousercontent.com/previews/files/414529439/preview+image-new.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=5bdf5ee95cc20b2e4bf28b5053c455ac94345d2615abd6e87ba98aa7118bfdbb" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Images Browse & Drag and Drop with Preview - React Component - Next.js" title="Images Browse & Drag and Drop with Preview - React Component - Next.js" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/414529439/preview%20image-new.png" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=40213814" 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="40213814" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40213814" 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="40213814"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":40213814,"itemName":"Images Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"10.00","quantity":1}]}}" href="https://codecanyon.net/item/images-upload-with-preview-react-component-nextjs/40213814">Images Browse & Drag and Drop with Preview - React Component - Next.js</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dosana" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Dosana </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">ReactJS, Node.js</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">JavaScript JSON</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=40213814" 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="40213814" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40213814" 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="40213814"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $10 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 3 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 22 Nov 22 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/40213814" 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?item_id=40213814" data-modal-commander-method-value="POST" data-cart-button-item-id-value="40213814" 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":"codecanyon","itemId":40213814,"itemName":"Images Browse \u0026 Drag and Drop with Preview - React Component - Next.js","itemBrand":"Dosana","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"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> <a href="https://codecanyon.net/item/images-upload-with-preview-react-component-nextjs/full_screen_preview/40213814" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-list-image_card_component__root" data-favorites-loader-target="item" data-item-id="24097570" data-price="3.00" data-site="codecanyon" > <div class="shared-item_cards-list-image_card_component__contentWrapper shared-item_cards-list-image_card_component__landscapeImage"> <a class="shared-item_cards-list-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/load-images-while-scrolling-using-aspnet-core-22-jquery-bootstrap-4-and-sql-database/24097570" title="Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database" aria-label="View Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":24097570,"itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}"></a> <div class="shared-item_cards-list-image_card_component__imageWrapper"> <div class="shared-item_cards-preview_image_component__carousel shared-item_cards-preview_image_component__singleImage" style="padding-bottom: 50.847457627118644%" > <a class="shared-item_cards-preview_image_component__imageLink" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":24097570,"itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/load-images-while-scrolling-using-aspnet-core-22-jquery-bootstrap-4-and-sql-database/24097570"> <img src="https://market-resized.envatousercontent.com/previews/files/267236623/PhotoGallery_590x300.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=c9c6061b53332860b489b804ee67e9daa1f32a62711e1d1243fc0c6357d3e061" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database" title="Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/267236623/PhotoGallery_590x300.jpg" data-carousel-target="image" /> </a></div> <div class="shared-item_cards-list-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-list-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=24097570" 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="24097570" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/24097570" 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="24097570"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__detailsWrapper"> <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":"codecanyon","itemId":24097570,"itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" href="https://codecanyon.net/item/load-images-while-scrolling-using-aspnet-core-22-jquery-bootstrap-4-and-sql-database/24097570">Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database</a> </h3> <div> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/fadisahioun" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > fadisahioun </a> in <a href="/category/javascript/loaders-and-uploaders" class="shared-item_cards-author_category_component__link" > Loaders And Uploaders </a> </div> </div> <div class="shared-item_cards-list-image_card_component__attrsWrapper"> <ul> <li class="shared-item_cards-attributes_component__attribute"> <span class="shared-item_cards-attributes_component__label">Software Version: </span> <span class="shared-item_cards-attributes_component__value">Other</span> </li> </ul> <div class="shared-item_cards-included_files_component__root"> File Types Included: <ul> <li class="shared-item_cards-included_files_component__fileType">JavaScript JS</li> <li class="shared-item_cards-included_files_component__fileType">CSS</li> </ul> </div> </div> </div> <div class="shared-item_cards-list-image_card_component__priceWrapper"> <div class="shared-item_cards-list-image_card_component__info"> <div class="shared-item_cards-list-image_card_component__favAndCollections"> <a href="/my/bookmarks/new?item_id=24097570" 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="24097570" > <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-list-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/24097570" 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="24097570"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> <div class="shared-item_cards-price_component__root"> $3 </div> <div class="shared-item_cards-list-image_card_component__ratingWrapper"></div> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> <div class="shared-item_cards-list-image_card_component__lastUpdated shared-item_cards-list-image_card_component__tinyText"> Last updated: 14 Jul 19 </div> </div> <div class="shared-item_cards-list-image_card_component__coverWrapper"> <div class="shared-item_cards-list-image_card_component__addToCartDesktop"> <a class="shared-item_cards-add_to_cart_button_component__root" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/24097570" 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?item_id=24097570" data-modal-commander-method-value="POST" data-cart-button-item-id-value="24097570" 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":"3.00","items":[{"affiliation":"codecanyon","itemId":24097570,"itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.00","quantity":1}]}}" > Add to Cart </a> </div> <div class="shared-item_cards-list-image_card_component__addToCartMobile"> <a class="shared-item_cards-add_to_cart_button_component__root shared-item_cards-add_to_cart_button_component__compact" role="button" title="Add to cart" aria-label="Add to cart" href="/cart/configure_before_adding/24097570" 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?item_id=24097570" data-modal-commander-method-value="POST" data-cart-button-item-id-value="24097570" 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":"3.00","items":[{"affiliation":"codecanyon","itemId":24097570,"itemName":"Load Images While Scrolling Using ASP.Net Core 2.2, jQuery, Bootstrap 4 and SQL Database","itemBrand":"fadisahioun","itemCategory":"javascript","itemCategory2":"loaders-and-uploaders","itemCategory3":null,"price":"3.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> <nav class="search-controls-pagination_nav_component__root" aria-label="pagination"> <ul class="search-controls-pagination_nav_component__list"> <li class="search-controls-pagination_nav_component__listItem"> <a class="search-controls-pagination_nav_component__pageLink search-controls-pagination_nav_component__currentPage" rel="nofollow" title="Page 1" href="/category/javascript/loaders-and-uploaders#content">1</a> </li> <li class="search-controls-pagination_nav_component__listItem"> <a class="search-controls-pagination_nav_component__pageLink" rel="nofollow" title="Page 2" href="/category/javascript/loaders-and-uploaders?page=2#content">2</a> </li> <li class="search-controls-pagination_nav_component__listItem"> <a class="search-controls-pagination_nav_component__arrowLink search-controls-pagination_nav_component__arrowRight" rel="nofollow" title="Next page" href="/category/javascript/loaders-and-uploaders?page=2#content"> <span class="search-controls-pagination_nav_component__chevronWrapper"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_left'></use> </svg> </span> </a> </li> </ul> </nav> </div> </main> </div> <div class="search-index_content__relatedPosts"> </div> </div> </div> <div class="shared-global_footer-cross_sell_component__root shared-global_footer-cross_sell_component__elementsCyberSale2024" data-nosnippet> <div class="shared-global_footer-cross_sell_banner_component__root shared-global_footer-cross_sell_banner_component__elementsCampaign" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_CYBER2024","promotionName":"elements_mkt-footer_CYBER2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_CYBER2024","promotionName":"elements_mkt-footer_CYBER2024","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/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-footer_CYBER2024&utm_medium=promos&utm_source=codecanyon.net&utm_content=cc_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-white-91d1aa3ec5eb09ab2358127cf6bbad6bed9a7f36b0cad80fea7cfdb417e18064.svg" alt="Elements logo" width="185px" height="43.842px"> </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__title2 shared-brand_neue-text_component__colorInverse"> Get <h2 class="shared-brand_neue-text_component__root shared-brand_neue-text_component__title2 shared-brand_neue-text_component__colorInteractivePrimary"> unlimited downloads </h2> </h2> </div> <div class="shared-global_footer-cross_sell_banner_component__mobileItemsCollage"> <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/footer/cross-sell-elements-cyber-sale-a44e1c16b2236652f5518fa1badbadc11561b8ddac642fbfc3686646195a6630.svg" alt="30% off elements subscriptions" > </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkSubheading"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__subheading shared-brand_neue-text_component__colorInverse shared-brand_neue-text_component__fontWeightUnset"> Subscribe to Envato Elements this <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__subheading shared-brand_neue-text_component__colorInteractivePrimary shared-brand_neue-text_component__fontWeightUnset"> Cyber Sale. </span> </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_white-d447b6fc52195f79dae84ea0778358f220645a8bb89067b792d7ed705f8439b0.svg" alt="badge" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__colorInverse"> 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_white-4f95ec6bf674f3aa6b2442e39fc4d405459baaeba035c8bb65d96ee6751344e6.svg" alt="thumbs up" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__colorInverse"> 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/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-footer_CYBER2024&utm_medium=promos&utm_source=codecanyon.net&utm_content=cc_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__bodyLarge shared-brand_neue-text_component__contentPrimary"> Save 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/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-footer_CYBER2024&utm_medium=promos&utm_source=codecanyon.net&utm_content=cc_global-footer" target="_blank" > <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/footer/cross-sell-elements-cyber-sale-a44e1c16b2236652f5518fa1badbadc11561b8ddac642fbfc3686646195a6630.svg" alt="30% off elements subscriptions" > </a> </div> <div class="shared-global_footer-cross_sell_banner_component__greenVector"> <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/footer/desktop-green-vector-cyber-sale-ca7b80c97e137b1c0b696837eb4971817d5a506fe98069f43d8c9aeaf0ff8c81.png" > </div> <div class="shared-global_footer-cross_sell_banner_component__mobileGreenVector"> <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/footer/mobile-green-vector-cyber-sale-ef0814eeb1021239e4dbdaac024cdeb8142afe4c48d125560481eff8ee1126bc.png" > </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="/legal/market"> 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,371,135</span> items sold </li> <li class="shared-global_footer-footer_component__statsListItem"> <span class="shared-global_footer-footer_component__stats">$1,189,540,862</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 > 漏 2024 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":"market_mkt-header_cybersale_26Nov2024","html":"\u003cdiv class=\"headerstrip-wrapper\"\u003e\n \u003ca class=\"headerstrip js-banner__link\" href=\"https://codecanyon.net/search?discounted_only=1\u0026amp;discount_type=envato\" 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\u003eCyber Sale!\u003c/strong\u003e \n \u003cspan class=\"js-banner__link headerstrip-cta-mobile\" href=\"https://codecanyon.net/search?discounted_only=1\u0026amp;discount_type=envato\"\u003eUp to 50% Off\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\u003eCyber Sale! Up to 50% off \u003c/strong\u003e best-selling WordPress plugins, PHP scripts \u0026 more\n \u003c/div\u003e\n \u003cspan class=\"js-banner__link headerstrip-cta\" href=\"https://codecanyon.net/search?discounted_only=1\u0026amp;discount_type=envato\"\u003eSave up to 50%\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: #B037A6; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(left, #B037A6, #B037A6); /* For Safari 5.1 to 6.0 */\n background: linear-gradient(to right, #B037A6, #B037A6); /* 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: #FFFFFF;\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: #FFFFFF;\n text-decoration: underline;\n padding-left: 5px;\n}\n\n.headerstrip .headerstrip-cta-mobile:hover {\n color: #FFFFFF;\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: #000000;\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":[]}]}" data-banner-category-value="javascript" > <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":"market_mkt-header_cybersale_26Nov2024","promotionName":"market_mkt-header_cybersale_26Nov2024","promotionType":"commercial"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"referral bar","ecommerce":{"promotionId":"market_mkt-header_cybersale_26Nov2024","promotionName":"market_mkt-header_cybersale_26Nov2024","promotionType":"commercial"}}" ></div> </div> <div data-controller="cart-entries-loader" data-cart-entries-loader-url-value="/my/cart_entries"></div> </body> </html>

CINXE.COM

JavaScript & jQuery Loaders & Uploaders from CodeCanyon