JavaScript Templates

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="preload" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-9356b4a12a36375415db87b151e42cae45eab7bce9856f01161cd92f128ceaaf.css" as="style" type="text/css"> <link rel="stylesheet" href="https://assets.market-storefront.envato-static.com/storefront/assets/styles-9356b4a12a36375415db87b151e42cae45eab7bce9856f01161cd92f128ceaaf.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 = 'a8b1d06405ef99fe97945613d7d8657d1ada77fc' //]]> </script> <script src="https://assets.market-storefront.envato-static.com/storefront/assets/datadog-02ec07d789a19399ecf632e1d7b976d87f4588e463475c1079b841a07dcac762.js" crossorigin="anonymous"></script> <title>JavaScript Templates | CodeCanyon</title> <meta name="description" content="You can choose from over 1,500 JavaScript templates on CodeCanyon, created by our global community of independent developers."> <link rel="canonical" href="https://codecanyon.net/category/javascript"> <meta property="og:url" content="https://codecanyon.net/category/javascript"> <meta property="og:title" content="JavaScript Templates | CodeCanyon"> <meta property="og:description" content="You can choose from over 1,500 JavaScript templates on CodeCanyon, created by our global community of independent 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="a8b1d06405ef99fe97945613d7d8657d1ada77fc"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token"> <script type="text/javascript" data-turbo-eval="false"> var GA_LOCAL_STORAGE_KEY = 'ga:clientId'; function canUseLocalStorage() { var t = "t"; try { localStorage.setItem(t, t); localStorage.removeItem(t); return true; } catch (e) { return false; } } function retrieveClientId() { return localStorage.getItem(GA_LOCAL_STORAGE_KEY); } function storeClientId(clientId) { return localStorage.setItem(GA_LOCAL_STORAGE_KEY, clientId); } function trackingCookieSet() { return !!document.cookie.match(/_ga=/); } function linkerParamPresent() { return !!window.location.search.match(/_ga=/); } function clientIdNotPresent() { return !(trackingCookieSet() || linkerParamPresent()); } window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var accountId = 'UA-11834194-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"}'); var pageAttributes = { app_name: normalizeAttributeValue('market-storefront'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('a8b1d06405ef99fe97945613d7d8657d1ada77fc'), 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/?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 </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_nav_component__root" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" > <a class="shared-global_header-elements_nav_component__mainLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search" target="_blank" > <span> Unlimited Downloads </span> </a> <div class="shared-global_header-elements_nav_component__dropdownContainer shared-global_header-elements_nav_component__uniqueSellingPointVariant" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" > <div class="shared-global_header-elements_nav_component__mainPanel"> <a class="shared-global_header-elements_nav_component__mainPanelLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search" target="_blank" > <div> <img class="shared-global_header-elements_nav_component__elementsLogo" loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" alt="Elements logo"> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkContainer"> <div class="shared-global_header-elements_nav_component__mainPanelLinkHeading"> <h2 class="shared-brand_neue-text_component__root shared-brand_neue-text_component__subheading shared-brand_neue-text_component__contentPrimary shared-brand_neue-text_component__fontWeightUnset"> Looking for unlimited downloads? </h2> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkSubheading"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Subscribe to Envato Elements. </span> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescriptionContainer"> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/badge-ea3a60ea39171409e4f531bab81dc0a0f23d5ab62c5bbc2160599b766c5803dd.svg" alt="badge" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Millions of premium assets </span> </div> <div class="shared-global_header-elements_nav_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/thumbs_up-3314bbeb196f5f1858b98256fe14b1bbe632f6b4077d311139e8173f3cfc2945.svg" alt="thumbs up" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Great value subscription </span> </div> </div> </div> </a> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> Let's create </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size14" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </a> </div> <div class="shared-global_header-elements_nav_component__secondaryPanel"> <a href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_medium=referral&utm_source=codecanyon.net&utm_content=cc_search" target="_blank" > <img loading="lazy" src="https://assets.market-storefront.envato-static.com/storefront/assets/header/items-collage-1x-433d6111167086808c9d1f15a1fe151d2ff7f9af185d78728e1a15bb6886d23f.png" srcset="https://assets.market-storefront.envato-static.com/storefront/assets/header/items-collage-2x-0a4d4fb7c56c891a5012749dfe7b4b55170e907b2822a83a626c2b41bd233cee.png 2x" alt="Collage of Elements items" > </a> </div> </div> </div> <div class="shared-global_header-markets_nav_component__siteLogoWrapper"> <picture> <source srcset="https://assets.market-storefront.envato-static.com/storefront/assets/logos/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> <section class="category-show_content__root" role="main"> <div class="shared-content_header_component__root"> <div class="shared-content_header_component__wrapper"> <div class="shared-content_header_component__headerWrapper"> <ol class="shared-content_header_component__list"> <li class="shared-content_header_component__listItem shared-content_header_component__crumb"> <a class="shared-content_header_component__link" href="/">Home</a> </li> <li class="shared-content_header_component__listItem">/</li> <li class="shared-content_header_component__listItem shared-content_header_component__crumb">JavaScript</li> </ol> <h1 class="shared-content_header_component__heading">JavaScript Templates</h1> </div> <div class="shared-content_header_component__searchWrapper"> <form role="search" method="get" action="/search" class="shared-autosuggest_component__root shared-autosuggest_component__fullLayoutStyle" data-controller="autosuggest" data-action="submit->autosuggest#onSubmit" data-autosuggest-target="form" data-autosuggest-result-class="shared-autosuggest_component__searchItem" data-autosuggest-result-category-class="shared-autosuggest_component__searchItemCategory" data-autosuggest-result-separator-class="shared-autosuggest_component__searchItemSeparator" data-autosuggest-category-value="javascript" data-autosuggest-suggestions-count-value="5"> <input type="hidden" name="category" value="javascript" data-autosuggest-target="category"> <div class="shared-autosuggest_component__searchInputWrapper" data-controller="search-event"> <input class="shared-autosuggest_component__searchInput" placeholder="Search within this category" name="term" autocomplete="off" type="search" aria-label="search" value="" data-search-term="" data-search-event-target="input" data-action="keydown->autosuggest#onKeydown blur->autosuggest#onInputBlur focus->autosuggest#onInputFocus input->autosuggest#onInputChange" data-autosuggest-target="input" /> <nav class="shared-autosuggest_component__searchSuggestions" data-autosuggest-target="results"></nav> <button class="shared-autosuggest_component__searchBtn shared-autosuggest_component__alwaysIcon" aria-label="Search" data-action="click->search-event#submit" data-autosuggest-target="submit" > <span class="shared-autosuggest_component__searchBtnIcon shared-autosuggest_component__alwaysIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#search'></use> </svg> </span> </button> </div> </form> </div> </div> <div class="shared-content_header_component__wrapper"> <div class="shared-content_header_component__headerWrapper" data-controller="toggler" data-toggler-expanded-value="false" data-toggler-toggle-on-connect-value="false" > <p class="shared-content_header_component__subheading">Choose from over 1,500 JavaScript templates. Explore items created by our global community of independent developers.</p> </div> </div> </div> <div class="category-show_content__blockWrapper"><section class="category-categories_with_icons_block_component__root" data-controller="toggler"> <div class="category-categories_with_icons_block_component__wrapper"> <header class="category-categories_with_icons_block_component__header"> <div class="category-categories_with_icons_block_component__headerInner"> <span class="category-categories_with_icons_block_component__headerIcon"> <img alt="JavaScript categories" width="46" height="46" src="https://assets.market-storefront.envato-static.com/storefront/assets/category-icons/category/javascript-6b2e7e3a56f269db51e05f910eda9ad23204a9bf307996220a032e9e7021cb88.svg" /> </span> <span class="category-categories_with_icons_block_component__headerText"> JavaScript categories </span> </div> </header> <div data-toggler-target="toggle" class="category-categories_with_icons_block_component__categoryLinks" data-toggler-expanded-class="category-categories_with_icons_block_component__expanded" > <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/miscellaneous" > <span class="category-categories_with_icons_block_component__linkInner"> Miscellaneous <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/images-and-media" > <span class="category-categories_with_icons_block_component__linkInner"> Images and Media <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/navigation" > <span class="category-categories_with_icons_block_component__linkInner"> Navigation <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/sliders" > <span class="category-categories_with_icons_block_component__linkInner"> Sliders <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/forms" > <span class="category-categories_with_icons_block_component__linkInner"> Forms <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/media" > <span class="category-categories_with_icons_block_component__linkInner"> Media <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/animated-svgs" > <span class="category-categories_with_icons_block_component__linkInner"> Animated SVGs <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/shopping-carts" > <span class="category-categories_with_icons_block_component__linkInner"> Shopping Carts <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/loaders-and-uploaders" > <span class="category-categories_with_icons_block_component__linkInner"> Loaders and Uploaders <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/social-networks" > <span class="category-categories_with_icons_block_component__linkInner"> Social Networks <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/countdowns" > <span class="category-categories_with_icons_block_component__linkInner"> Countdowns <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/project-management-tools" > <span class="category-categories_with_icons_block_component__linkInner"> Project Management Tools <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/calendars" > <span class="category-categories_with_icons_block_component__linkInner"> Calendars <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/news-tickers" > <span class="category-categories_with_icons_block_component__linkInner"> News Tickers <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/ratings-and-charts" > <span class="category-categories_with_icons_block_component__linkInner"> Ratings and Charts <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/database-abstractions" > <span class="category-categories_with_icons_block_component__linkInner"> Database Abstractions <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> </div> <div class="category-categories_with_icons_block_component__browseLinks"> <a class="category-categories_with_icons_block_component__browseLink" href="/category/javascript?sort=date"> <span class="category-categories_with_icons_block_component__linkInner"> Browse New </span> </a> <a class="category-categories_with_icons_block_component__browseLink" href="/category/javascript?sort=sales"> <span class="category-categories_with_icons_block_component__linkInner"> Browse Bestsellers </span> </a> </div> <button data-action="click->toggler#toggle" class="category-categories_with_icons_block_component__viewHideButton category-categories_with_icons_block_component__viewHideButtonFor16" > <span data-toggler-target="toggle" data-toggler-collapsed-text="Show more" data-toggler-expanded-text="Show less" > Show more </span> <span class="category-categories_with_icons_block_component__chevron" data-toggler-target="toggle" data-toggler-expanded-class="category-categories_with_icons_block_component__expanded" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_down'></use> </svg> </span> </button> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-promo_items_block_component__root"> <div class="category-promo_items_block_component__promoItemsBlockWrapper"> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Cyber Sale! Up to 50% off","items":[{"itemId":2792438,"index":1,"affiliation":"codecanyon","itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1},{"itemId":40725991,"index":2,"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":47633218,"index":3,"affiliation":"codecanyon","itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.00","quantity":1}]}}" class="category-promo_items_block_component__itemCardGrid" > <div class="category-promo_items_block_component__ctaBlock"> <header> <h2 class="category-promo_items_block_component__title">Cyber Sale! Up to 50% off</h2> <p class="category-promo_items_block_component__subtitle">Get huge savings on selected JavaScript templates, for a limited time.</p> </header> <div> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__smallWide" href="https://codecanyon.net/category/javascript?discount_type=envato&discounted_only=1#content">Save now</a> </div> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="2792438" data-price="20.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438"> <img src="https://market-resized.envatousercontent.com/previews/files/440334423/inline-standalone.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=79db4fcaa003700984e020877da2545ec58e2185f815a5cbd4c54c44e6eef62d" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Image Map Pro - Interactive SVG Image Map Builder" title="Image Map Pro - Interactive SVG Image Map Builder" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/440334423/inline-standalone.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438" title="Image Map Pro - Interactive SVG Image Map Builder" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=2792438" 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="2792438" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/2792438" 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="2792438"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438" title="Image Map Pro - Interactive SVG Image Map Builder" aria-label="View Image Map Pro - Interactive SVG Image Map Builder" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}"></a> <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":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438">Image Map Pro - Interactive SVG Image Map Builder</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/nickys" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > nickys </a> in <a href="/category/javascript/images-and-media" class="shared-item_cards-author_category_component__link" > Images And Media </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$29</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$20</span> </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.6 out of 5, 230 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">(230)</span> </div> <div class="shared-item_cards-sales_component__root"> 5.9K Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/2792438" 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=2792438" data-modal-commander-method-value="POST" data-cart-button-item-id-value="2792438" 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":"20.00","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.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-map-pro-jquery-interactive-image-map-builder/full_screen_preview/2792438" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-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-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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> <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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-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" 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-grid-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-grid-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> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-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> <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 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 class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <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-sales_component__root"> 10 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="47633218" data-price="55.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":47633218,"itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.00","quantity":1}]}}" href="https://codecanyon.net/item/livesmart-server-video/47633218"> <img src="https://market-resized.envatousercontent.com/previews/files/513387055/banner_590X300.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8ee929fad875fb64257ca81c83eaaa7c594656cb48dcb7c4dd56b8452047928a" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="LiveSmart Server Video - Online Conference and Streaming, Live AI" title="LiveSmart Server Video - Online Conference and Streaming, Live AI" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/513387055/banner_590X300.jpg" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/livesmart-server-video/47633218" title="LiveSmart Server Video - Online Conference and Streaming, Live AI" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":47633218,"itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=47633218" 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="47633218" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/47633218" 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="47633218"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/livesmart-server-video/47633218" title="LiveSmart Server Video - Online Conference and Streaming, Live AI" aria-label="View LiveSmart Server Video - Online Conference and Streaming, Live AI" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":47633218,"itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.00","quantity":1}]}}"></a> <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":47633218,"itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.00","quantity":1}]}}" href="https://codecanyon.net/item/livesmart-server-video/47633218">LiveSmart Server Video - Online Conference and Streaming, Live AI</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/nicky75" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > nicky75 </a> in <a href="/category/javascript/social-networks" class="shared-item_cards-author_category_component__link" > Social Networks </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$79</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$55</span> </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 26 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">(26)</span> </div> <div class="shared-item_cards-sales_component__root"> 161 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/47633218" 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=47633218" data-modal-commander-method-value="POST" data-cart-button-item-id-value="47633218" 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":"55.00","items":[{"affiliation":"codecanyon","itemId":47633218,"itemName":"LiveSmart Server Video - Online Conference and Streaming, Live AI","itemBrand":"nicky75","itemCategory":"javascript","itemCategory2":"social-networks","itemCategory3":null,"price":"55.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/livesmart-server-video/full_screen_preview/47633218" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/popular_item/by_category?category=javascript">Weekly bestsellers </a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/popular_item/by_category?category=javascript">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Weekly bestsellers ","items":[{"itemId":51122205,"index":1,"affiliation":"codecanyon","itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1},{"itemId":40727633,"index":2,"affiliation":"codecanyon","itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1},{"itemId":6275001,"index":3,"affiliation":"codecanyon","itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1},{"itemId":52806377,"index":4,"affiliation":"codecanyon","itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"49.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="51122205" data-price="48.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":51122205,"itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/whatscrm-chatbot-flow-builder-api-access-whatsapp-crm-saas-system/51122205"> <img src="https://market-resized.envatousercontent.com/previews/files/511359205/hero_banner-v2.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=fc7c44f7d05925f79a7d55440b628d8b3fa577f42d9e186266b70bf8297f7efe" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System" title="WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/511359205/hero_banner-v2.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/whatscrm-chatbot-flow-builder-api-access-whatsapp-crm-saas-system/51122205" title="WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51122205,"itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=51122205" 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="51122205" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51122205" 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="51122205"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/whatscrm-chatbot-flow-builder-api-access-whatsapp-crm-saas-system/51122205" title="WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System" aria-label="View WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51122205,"itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}"></a> <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":51122205,"itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/whatscrm-chatbot-flow-builder-api-access-whatsapp-crm-saas-system/51122205">WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System</a> </h3> <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" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$69</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$48</span> </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.78 out of 5, 41 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(41)</span> </div> <div class="shared-item_cards-sales_component__root"> 464 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/51122205" 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=51122205" data-modal-commander-method-value="POST" data-cart-button-item-id-value="51122205" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"48.00","items":[{"affiliation":"codecanyon","itemId":51122205,"itemName":"WhatsCRM - Chatbot, Flow Builder, API Access, WhatsApp CRM SAAS System","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> <a href="https://codecanyon.net/item/whatscrm-chatbot-flow-builder-api-access-whatsapp-crm-saas-system/full_screen_preview/51122205" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="40727633" data-price="48.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":40727633,"itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/whatsham-a-cloud-based-whatsapp-saas-system/40727633"> <img src="https://market-resized.envatousercontent.com/previews/files/501912881/hero_banner_590x300.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=b31b5ab9356ea0608462d679504e23cc11c0ddb51a0b515696fab8611bcdc81c" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM" title="WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/501912881/hero_banner_590x300.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/whatsham-a-cloud-based-whatsapp-saas-system/40727633" title="WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40727633,"itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=40727633" 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="40727633" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/40727633" 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="40727633"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/whatsham-a-cloud-based-whatsapp-saas-system/40727633" title="WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM" aria-label="View WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":40727633,"itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}"></a> <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":40727633,"itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/whatsham-a-cloud-based-whatsapp-saas-system/40727633">WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM</a> </h3> <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" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$69</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$48</span> </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.48 out of 5, 125 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">(125)</span> </div> <div class="shared-item_cards-sales_component__root"> 626 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/40727633" 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=40727633" data-modal-commander-method-value="POST" data-cart-button-item-id-value="40727633" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"48.00","items":[{"affiliation":"codecanyon","itemId":40727633,"itemName":"WhatsHam - Cloud based WhatsApp SASS, Wa Warmer, CRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> <a href="https://codecanyon.net/item/whatsham-a-cloud-based-whatsapp-saas-system/full_screen_preview/40727633" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="6275001" data-price="48.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":6275001,"itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/6275001"> <img src="https://market-resized.envatousercontent.com/previews/files/494411824/preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=e4a8e9bd691a50b6da01aa001599971c3d24be8f971a34bfe92dabf1ddabc639" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Mapplic - Custom Interactive Map Plugin" title="Mapplic - Custom Interactive Map Plugin" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/494411824/preview.png" data-carousel-target="image" /> </a></div> </div> <span class="shared-item_cards-sash_component__sash shared-item_cards-sash_component__sash_trending" style="width: 50px; height: 50px;"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#sash_trending'></use> </svg> </span> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/6275001" title="Mapplic - Custom Interactive Map Plugin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":6275001,"itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=6275001" 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="6275001" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/6275001" 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="6275001"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/6275001" title="Mapplic - Custom Interactive Map Plugin" aria-label="View Mapplic - Custom Interactive Map Plugin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":6275001,"itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}"></a> <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":6275001,"itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" href="https://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/6275001">Mapplic - Custom Interactive Map Plugin</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/sekler" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > sekler </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $48 </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.76 out of 5, 143 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">(143)</span> </div> <div class="shared-item_cards-sales_component__root"> 5.1K Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/6275001" 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=6275001" data-modal-commander-method-value="POST" data-cart-button-item-id-value="6275001" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"48.00","items":[{"affiliation":"codecanyon","itemId":6275001,"itemName":"Mapplic - Custom Interactive Map Plugin","itemBrand":"sekler","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"48.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> <a href="https://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/full_screen_preview/6275001" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="52806377" data-price="49.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":52806377,"itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"49.00","quantity":1}]}}" href="https://codecanyon.net/item/restropro-saas-pos-software-for-restaurant-cafe-hotel-food-truck/52806377"> <img src="https://market-resized.envatousercontent.com/previews/files/537162062/inline_preview_v1_3_2.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=3aae593f33a6997667b1b285d66b682e9057c6f2c5f484247f4c25ee850fdd12" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck" title="RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/537162062/inline_preview_v1_3_2.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/restropro-saas-pos-software-for-restaurant-cafe-hotel-food-truck/52806377" title="RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":52806377,"itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"49.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=52806377" 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="52806377" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/52806377" 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="52806377"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/restropro-saas-pos-software-for-restaurant-cafe-hotel-food-truck/52806377" title="RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck" aria-label="View RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":52806377,"itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"49.00","quantity":1}]}}"></a> <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":52806377,"itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"49.00","quantity":1}]}}" href="https://codecanyon.net/item/restropro-saas-pos-software-for-restaurant-cafe-hotel-food-truck/52806377">RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/uiflow" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > UIFLOW </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $49 </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.33 out of 5, 6 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">(6)</span> </div> <div class="shared-item_cards-sales_component__root"> 47 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/52806377" 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=52806377" data-modal-commander-method-value="POST" data-cart-button-item-id-value="52806377" 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":52806377,"itemName":"RestroPRO SaaS - POS software for Restaurant, Cafe, Hotel, Food Truck","itemBrand":"UIFLOW","itemCategory":"javascript","itemCategory2":null,"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/restropro-saas-pos-software-for-restaurant-cafe-hotel-food-truck/full_screen_preview/52806377" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/javascript?date=this-month&sort=sales">Rising stars</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/javascript?date=this-month&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Rising stars","items":[{"itemId":55164175,"index":1,"affiliation":"codecanyon","itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","itemCategory3":null,"price":"59.00","quantity":1},{"itemId":55164026,"index":2,"affiliation":"codecanyon","itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.00","quantity":1},{"itemId":55155717,"index":3,"affiliation":"codecanyon","itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.00","quantity":1},{"itemId":55016429,"index":4,"affiliation":"codecanyon","itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"34.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55164175" data-price="59.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55164175,"itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/shopzing-multipurpose-ecommerce-shopping-platform/55164175"> <img src="https://market-resized.envatousercontent.com/previews/files/541722357/Preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8cecbd716690a87969d443ae336382e444a787b74d5080ba05b51db62c0e7b21" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="ShopZing - Multipurpose Ecommerce Shopping Platform" title="ShopZing - Multipurpose Ecommerce Shopping Platform" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/541722357/Preview.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/shopzing-multipurpose-ecommerce-shopping-platform/55164175" title="ShopZing - Multipurpose Ecommerce Shopping Platform" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55164175,"itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","itemCategory3":null,"price":"59.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55164175" 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="55164175" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55164175" 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="55164175"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/shopzing-multipurpose-ecommerce-shopping-platform/55164175" title="ShopZing - Multipurpose Ecommerce Shopping Platform" aria-label="View ShopZing - Multipurpose Ecommerce Shopping Platform" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55164175,"itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","itemCategory3":null,"price":"59.00","quantity":1}]}}"></a> <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":55164175,"itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/shopzing-multipurpose-ecommerce-shopping-platform/55164175">ShopZing - Multipurpose Ecommerce Shopping Platform</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/appthora" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Appthora </a> in <a href="/category/javascript/shopping-carts" class="shared-item_cards-author_category_component__link" > Shopping Carts </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $59 </div> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55164175" 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=55164175" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55164175" 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":55164175,"itemName":"ShopZing - Multipurpose Ecommerce Shopping Platform","itemBrand":"Appthora","itemCategory":"javascript","itemCategory2":"shopping-carts","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/shopzing-multipurpose-ecommerce-shopping-platform/full_screen_preview/55164175" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55164026" data-price="50.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55164026,"itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.00","quantity":1}]}}" href="https://codecanyon.net/item/studystudio-ai-educational-app-course-helper-custom-ai-tutor-creator-saas-system/55164026"> <img src="https://market-resized.envatousercontent.com/previews/files/541744366/Inline+Preview+Images.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=610513317c5382d14396c0c86348b113891c43dd7fe842159aa922936e7b700e" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System" title="StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/541744366/Inline%20Preview%20Images.png" data-carousel-target="image" /> </a></div> </div> <span class="shared-item_cards-sash_component__sash shared-item_cards-sash_component__sash_trending" style="width: 50px; height: 50px;"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#sash_trending'></use> </svg> </span> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/studystudio-ai-educational-app-course-helper-custom-ai-tutor-creator-saas-system/55164026" title="StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55164026,"itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55164026" 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="55164026" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55164026" 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="55164026"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/studystudio-ai-educational-app-course-helper-custom-ai-tutor-creator-saas-system/55164026" title="StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System" aria-label="View StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55164026,"itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.00","quantity":1}]}}"></a> <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":55164026,"itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.00","quantity":1}]}}" href="https://codecanyon.net/item/studystudio-ai-educational-app-course-helper-custom-ai-tutor-creator-saas-system/55164026">StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/jerrizz" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Jerrizz </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $50 </div> <div class="shared-item_cards-sales_component__root"> 1 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55164026" 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=55164026" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55164026" 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":"50.00","items":[{"affiliation":"codecanyon","itemId":55164026,"itemName":"StudyStudio - AI Educational App, Course Helper, Custom AI Tutor Creator SAAS System","itemBrand":"Jerrizz","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"50.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/studystudio-ai-educational-app-course-helper-custom-ai-tutor-creator-saas-system/full_screen_preview/55164026" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55155717" data-price="129.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55155717,"itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.00","quantity":1}]}}" href="https://codecanyon.net/item/neoflix-admin-dashboard-reactjs/55155717"> <img src="https://market-resized.envatousercontent.com/previews/files/541552549/previewImage590x300.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=0e4b4d531fa7fc4eefa1da9fd16018d6a10a272645657e09caa869b1f7d2d3b7" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Neoflix Admin Dashboard - ReactJS" title="Neoflix Admin Dashboard - ReactJS" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/541552549/previewImage590x300.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/neoflix-admin-dashboard-reactjs/55155717" title="Neoflix Admin Dashboard - ReactJS" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55155717,"itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55155717" 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="55155717" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55155717" 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="55155717"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/neoflix-admin-dashboard-reactjs/55155717" title="Neoflix Admin Dashboard - ReactJS" aria-label="View Neoflix Admin Dashboard - ReactJS" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55155717,"itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.00","quantity":1}]}}"></a> <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":55155717,"itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.00","quantity":1}]}}" href="https://codecanyon.net/item/neoflix-admin-dashboard-reactjs/55155717">Neoflix Admin Dashboard - ReactJS</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/mdmush" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > mdmush </a> in <a href="/category/javascript/project-management-tools" class="shared-item_cards-author_category_component__link" > Project Management Tools </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $129 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55155717" 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=55155717" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55155717" 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":"129.00","items":[{"affiliation":"codecanyon","itemId":55155717,"itemName":"Neoflix Admin Dashboard - ReactJS","itemBrand":"mdmush","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"129.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/neoflix-admin-dashboard-reactjs/full_screen_preview/55155717" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55016429" data-price="34.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55016429,"itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/audio-player-media-addon-for-javascript/55016429"> <img src="https://market-resized.envatousercontent.com/previews/files/536890211/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8272d4c9c2082fd3b2a224a9b72452a7e43538ffaab1ef2d50a02c2f82c341db" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Audio player Media AddOn for Javascript" title="Audio player Media AddOn for Javascript" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/536890211/preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/audio-player-media-addon-for-javascript/55016429" title="Audio player Media AddOn for Javascript" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55016429,"itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"34.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55016429" 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="55016429" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55016429" 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="55016429"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/audio-player-media-addon-for-javascript/55016429" title="Audio player Media AddOn for Javascript" aria-label="View Audio player Media AddOn for Javascript" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55016429,"itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"34.00","quantity":1}]}}"></a> <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":55016429,"itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/audio-player-media-addon-for-javascript/55016429">Audio player Media AddOn for Javascript</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/tean" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Tean </a> in <a href="/category/javascript/media" class="shared-item_cards-author_category_component__link" > Media </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $34 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55016429" 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=55016429" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55016429" 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":55016429,"itemName":"Audio player Media AddOn for Javascript","itemBrand":"Tean","itemCategory":"javascript","itemCategory2":"media","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/audio-player-media-addon-for-javascript/full_screen_preview/55016429" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><div class="category-full_width_banner_block_component__root"> <section class="shared-full_width_banner_block_component__root"> <a href="https://codecanyon.net/category/javascript?discount_type=envato&discounted_only=1#content" class="shared-full_width_banner_block_component__banner" style="background: #191919; color: #FFFFFF" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"banner","ecommerce":{"promotionId":"cyber_sale_2024","promotionName":"cyber_sale_2024","promotionType":"commercial"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"banner","ecommerce":{"promotionId":"cyber_sale_2024","promotionName":"cyber_sale_2024","promotionType":"commercial"}}" > <div class="shared-full_width_banner_block_component__imageWrapper"> <img class="shared-full_width_banner_block_component__image" loading="lazy" srcset="https://assets.market-storefront.envato-static.com/storefront/assets/shared/cyber-2024-launch-campaign-full-width-banner-7a8c3e15709c5caec0a9d67a43c488900eda97898c310c16da3035fcbf71a223.svg" alt="Up to 50% Off Sale 2024" src="https://assets.market-storefront.envato-static.com/storefront/assets/shared/cyber-2024-launch-campaign-full-width-banner-7a8c3e15709c5caec0a9d67a43c488900eda97898c310c16da3035fcbf71a223.svg" /> </div> <div class="shared-full_width_banner_block_component__detail"> <header> <h2 class="shared-full_width_banner_block_component__title">Save on top-quality JavaScript templates</h2> <h3 class="shared-full_width_banner_block_component__subtitle">Selected code, scripts & plugins on sale now!</h3> </header> <button class="shared-full_width_banner_block_component__button" style="background: #B037A6; color: #FFF5ED"> Save now </button> </div> </a> </section> </div> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/javascript?date=this-year&sort=sales">New bestsellers</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/javascript?date=this-year&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: New bestsellers","items":[{"itemId":51342965,"index":1,"affiliation":"codecanyon","itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1},{"itemId":50750844,"index":2,"affiliation":"codecanyon","itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1},{"itemId":52498511,"index":3,"affiliation":"codecanyon","itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1},{"itemId":51373823,"index":4,"affiliation":"codecanyon","itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="51342965" data-price="34.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":51342965,"itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/ai-course-generator-text-to-course-saas-ai-video-image-content-payment-earn-gemini-react-admin/51342965"> <img src="https://market-resized.envatousercontent.com/previews/files/493232980/Cover.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=b19d5beef2c4e7bef632f9cab2fe204dcf0c5a730e56bcc99a26f1593d2f6e3e" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin" title="Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/493232980/Cover.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ai-course-generator-text-to-course-saas-ai-video-image-content-payment-earn-gemini-react-admin/51342965" title="Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51342965,"itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=51342965" 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="51342965" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51342965" 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="51342965"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ai-course-generator-text-to-course-saas-ai-video-image-content-payment-earn-gemini-react-admin/51342965" title="Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin" aria-label="View Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51342965,"itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}"></a> <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":51342965,"itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/ai-course-generator-text-to-course-saas-ai-video-image-content-payment-earn-gemini-react-admin/51342965">Ai Course Generator - Text To Course SaaS Ai Chat Ai Video & Image Content Earn Gemini React Admin</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/spacester" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Spacester </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $34 </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 8 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">(8)</span> </div> <div class="shared-item_cards-sales_component__root"> 107 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/51342965" 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=51342965" data-modal-commander-method-value="POST" data-cart-button-item-id-value="51342965" 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":51342965,"itemName":"Ai Course Generator - Text To Course SaaS Ai Chat Ai Video \u0026 Image Content Earn Gemini React Admin","itemBrand":"Spacester","itemCategory":"javascript","itemCategory2":null,"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/ai-course-generator-text-to-course-saas-ai-video-image-content-payment-earn-gemini-react-admin/full_screen_preview/51342965" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50750844" data-price="27.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50750844,"itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1}]}}" href="https://codecanyon.net/item/pmotion-javascript-animated-gif-and-video-maker/50750844"> <img src="https://market-resized.envatousercontent.com/previews/files/487514617/poster.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=3f4d25b6119baeef5a0785c8e4dc8a224a2f22d4740fdc360150d17c50b432f6" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Pmotion - Javascript Animated GIF and Video Maker" title="Pmotion - Javascript Animated GIF and Video Maker" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/487514617/poster.jpg" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/pmotion-javascript-animated-gif-and-video-maker/50750844" title="Pmotion - Javascript Animated GIF and Video Maker" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50750844,"itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50750844" 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="50750844" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50750844" 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="50750844"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/pmotion-javascript-animated-gif-and-video-maker/50750844" title="Pmotion - Javascript Animated GIF and Video Maker" aria-label="View Pmotion - Javascript Animated GIF and Video Maker" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50750844,"itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1}]}}"></a> <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":50750844,"itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1}]}}" href="https://codecanyon.net/item/pmotion-javascript-animated-gif-and-video-maker/50750844">Pmotion - Javascript Animated GIF and Video Maker</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/egemenerd" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > egemenerd </a> in <a href="/category/javascript/media" class="shared-item_cards-author_category_component__link" > Media </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$39</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$27</span> </div> <div class="shared-item_cards-sales_component__root"> 92 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50750844" 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=50750844" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50750844" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"27.00","items":[{"affiliation":"codecanyon","itemId":50750844,"itemName":"Pmotion - Javascript Animated GIF and Video Maker","itemBrand":"egemenerd","itemCategory":"javascript","itemCategory2":"media","itemCategory3":null,"price":"27.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> <a href="https://codecanyon.net/item/pmotion-javascript-animated-gif-and-video-maker/full_screen_preview/50750844" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="52498511" data-price="34.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":52498511,"itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/ai-chat-for-whatsapp-addon-for-whatscrm/52498511"> <img src="https://market-resized.envatousercontent.com/previews/files/501343154/envato_hero.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=02e2e696b2a3277f0b856439f7c40b9c6615804b4de973fd75d38bc68c782626" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="AI Chat for WhatsApp - Add-on for WhatsCRM" title="AI Chat for WhatsApp - Add-on for WhatsCRM" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/501343154/envato_hero.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ai-chat-for-whatsapp-addon-for-whatscrm/52498511" title="AI Chat for WhatsApp - Add-on for WhatsCRM" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":52498511,"itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=52498511" 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="52498511" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/52498511" 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="52498511"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ai-chat-for-whatsapp-addon-for-whatscrm/52498511" title="AI Chat for WhatsApp - Add-on for WhatsCRM" aria-label="View AI Chat for WhatsApp - Add-on for WhatsCRM" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":52498511,"itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}"></a> <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":52498511,"itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"34.00","quantity":1}]}}" href="https://codecanyon.net/item/ai-chat-for-whatsapp-addon-for-whatscrm/52498511">AI Chat for WhatsApp - Add-on for WhatsCRM</a> </h3> <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" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <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-sales_component__root"> 69 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/52498511" 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=52498511" data-modal-commander-method-value="POST" data-cart-button-item-id-value="52498511" 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":52498511,"itemName":"AI Chat for WhatsApp - Add-on for WhatsCRM","itemBrand":"codeyon_itservices","itemCategory":"javascript","itemCategory2":null,"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/ai-chat-for-whatsapp-addon-for-whatscrm/full_screen_preview/52498511" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="51373823" data-price="89.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":51373823,"itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.00","quantity":1}]}}" href="https://codecanyon.net/item/alianhub-project-management-system/51373823"> <img src="https://market-resized.envatousercontent.com/previews/files/510834057/Without+SAAS+%281%29.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=fb885ee52bd0e35b604698ec25929d6e8dc39e9d72bb8571f895141147764e26" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="AlianHub - Project Management System" title="AlianHub - Project Management System" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/510834057/Without%20SAAS%20(1).jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/alianhub-project-management-system/51373823" title="AlianHub - Project Management System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51373823,"itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=51373823" 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="51373823" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/51373823" 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="51373823"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/alianhub-project-management-system/51373823" title="AlianHub - Project Management System" aria-label="View AlianHub - Project Management System" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":51373823,"itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.00","quantity":1}]}}"></a> <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":51373823,"itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.00","quantity":1}]}}" href="https://codecanyon.net/item/alianhub-project-management-system/51373823">AlianHub - Project Management System</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/aliansoftware" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > aliansoftware </a> in <a href="/category/javascript/project-management-tools" class="shared-item_cards-author_category_component__link" > Project Management Tools </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $89 </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.67 out of 5, 6 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">(6)</span> </div> <div class="shared-item_cards-sales_component__root"> 64 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/51373823" 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=51373823" data-modal-commander-method-value="POST" data-cart-button-item-id-value="51373823" 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":"89.00","items":[{"affiliation":"codecanyon","itemId":51373823,"itemName":"AlianHub - Project Management System","itemBrand":"aliansoftware","itemCategory":"javascript","itemCategory2":"project-management-tools","itemCategory3":null,"price":"89.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/alianhub-project-management-system/full_screen_preview/51373823" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-search_banners_with_icons_block_component__root"> <a class="category-search_banners_with_icons_block_component__banner" href="/category/javascript?date=this-year&sort=rating"> <img alt="Discover best rated items" width="120" height="120" class="category-search_banners_with_icons_block_component__icon" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/category/best_rated-79989e0fd47809c205c528a9e1488f30e54cdd1e4899bbd26beaa8e253342c51.svg" /> <div class="category-search_banners_with_icons_block_component__detail"> <strong class="category-search_banners_with_icons_block_component__title"> Discover best rated items </strong> <span class="category-search_banners_with_icons_block_component__cta"> <span class="category-search_banners_with_icons_block_component__ctaText"> Browse now </span> <span class="category-search_banners_with_icons_block_component__ctaIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_thin'></use> </svg> </span> </span> </div> </a> <a class="category-search_banners_with_icons_block_component__banner" href="/category/javascript?date=this-year&sort=sales"> <img alt="Discover bestselling items" width="120" height="120" class="category-search_banners_with_icons_block_component__icon" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/category/hot-802a2eb8c680576873574b76ebe2d89f241173800fa4226499a2c30ab3a04a20.svg" /> <div class="category-search_banners_with_icons_block_component__detail"> <strong class="category-search_banners_with_icons_block_component__title"> Discover bestselling items </strong> <span class="category-search_banners_with_icons_block_component__cta"> <span class="category-search_banners_with_icons_block_component__ctaText"> Browse now </span> <span class="category-search_banners_with_icons_block_component__ctaIcon"><svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#arrow_thin'></use> </svg> </span> </span> </div> </a></section> </div> <div class="category-show_content__blockWrapper"><section class="category-promo_items_block_component__root"> <div class="category-promo_items_block_component__promoItemsBlockWrapper"> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Save on code, scripts \u0026 plugins","items":[{"itemId":53495033,"index":1,"affiliation":"codecanyon","itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.00","quantity":1},{"itemId":2792438,"index":2,"affiliation":"codecanyon","itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1},{"itemId":40725991,"index":3,"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}]}}" class="category-promo_items_block_component__itemCardGrid" > <div class="category-promo_items_block_component__ctaBlock"> <header> <h2 class="category-promo_items_block_component__title">Save on code, scripts & plugins</h2> </header> <div> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__smallWide" href="https://codecanyon.net/category/javascript?discounted_only=1&discount_type=">Browse on sale code</a> </div> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="53495033" data-price="24.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":53495033,"itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.00","quantity":1}]}}" href="https://codecanyon.net/item/producty-saas-next-js-web-app-product-hunt/53495033"> <img src="https://market-resized.envatousercontent.com/previews/files/507477890/preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=92e0c78ee9f43903d6e475eac80be684ce85ed69af7695fd46613c8e0fd960b9" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Producty SAAS | NEXT JS WEB APP | Product hunt" title="Producty SAAS | NEXT JS WEB APP | Product hunt" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/507477890/preview.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/producty-saas-next-js-web-app-product-hunt/53495033" title="Producty SAAS | NEXT JS WEB APP | Product hunt" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":53495033,"itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=53495033" 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="53495033" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/53495033" 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="53495033"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/producty-saas-next-js-web-app-product-hunt/53495033" title="Producty SAAS | NEXT JS WEB APP | Product hunt" aria-label="View Producty SAAS | NEXT JS WEB APP | Product hunt" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":53495033,"itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.00","quantity":1}]}}"></a> <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":53495033,"itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.00","quantity":1}]}}" href="https://codecanyon.net/item/producty-saas-next-js-web-app-product-hunt/53495033">Producty SAAS | NEXT JS WEB APP | Product hunt</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/codebyfilip" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > CodeByFilip </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <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">$24</span> </div> <div class="shared-item_cards-sales_component__root"> 5 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/53495033" 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=53495033" data-modal-commander-method-value="POST" data-cart-button-item-id-value="53495033" 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":"24.00","items":[{"affiliation":"codecanyon","itemId":53495033,"itemName":"Producty SAAS | NEXT JS WEB APP | Product hunt","itemBrand":"CodeByFilip","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"24.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/producty-saas-next-js-web-app-product-hunt/full_screen_preview/53495033" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="2792438" data-price="20.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438"> <img src="https://market-resized.envatousercontent.com/previews/files/440334423/inline-standalone.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=79db4fcaa003700984e020877da2545ec58e2185f815a5cbd4c54c44e6eef62d" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Image Map Pro - Interactive SVG Image Map Builder" title="Image Map Pro - Interactive SVG Image Map Builder" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/440334423/inline-standalone.png" data-carousel-target="image" /> </a></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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438" title="Image Map Pro - Interactive SVG Image Map Builder" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=2792438" 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="2792438" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/2792438" 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="2792438"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438" title="Image Map Pro - Interactive SVG Image Map Builder" aria-label="View Image Map Pro - Interactive SVG Image Map Builder" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}"></a> <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":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.00","quantity":1}]}}" href="https://codecanyon.net/item/image-map-pro-jquery-interactive-image-map-builder/2792438">Image Map Pro - Interactive SVG Image Map Builder</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/nickys" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > nickys </a> in <a href="/category/javascript/images-and-media" class="shared-item_cards-author_category_component__link" > Images And Media </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> <span class="shared-item_cards-price_component__originalPrice" role="group" aria-label="original price">$29</span> <span role="group" aria-label="promotional price" class="shared-item_cards-price_component__promoPrice">$20</span> </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 4.6 out of 5, 230 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">(230)</span> </div> <div class="shared-item_cards-sales_component__root"> 5.9K Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/2792438" 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=2792438" data-modal-commander-method-value="POST" data-cart-button-item-id-value="2792438" 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":"20.00","items":[{"affiliation":"codecanyon","itemId":2792438,"itemName":"Image Map Pro - Interactive SVG Image Map Builder","itemBrand":"nickys","itemCategory":"javascript","itemCategory2":"images-and-media","itemCategory3":null,"price":"20.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-map-pro-jquery-interactive-image-map-builder/full_screen_preview/2792438" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-promo_items_block_component__promoItem"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-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-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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> <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-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-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" 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-grid-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-grid-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> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-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> <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 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 class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <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-sales_component__root"> 10 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/javascript?sort=date">New releases</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/javascript?sort=date">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: New releases","items":[{"itemId":55285058,"index":1,"affiliation":"codecanyon","itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.00","quantity":1},{"itemId":55161285,"index":2,"affiliation":"codecanyon","itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"9.00","quantity":1},{"itemId":55191048,"index":3,"affiliation":"codecanyon","itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"6.00","quantity":1},{"itemId":54473734,"index":4,"affiliation":"codecanyon","itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55285058" data-price="79.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55285058,"itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.00","quantity":1}]}}" href="https://codecanyon.net/item/spk-editor-wysiwyg-javascript-rich-editor/55285058"> <img src="https://market-resized.envatousercontent.com/previews/files/544995409/Theme_Preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=15e3489985b5d245016e2f9195b32b583519b3b5b2dbd13f2bf31adfb1001332" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="SPK Editor – WYSIWYG Javascript Rich Editor" title="SPK Editor – WYSIWYG Javascript Rich Editor" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/544995409/Theme_Preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/spk-editor-wysiwyg-javascript-rich-editor/55285058" title="SPK Editor – WYSIWYG Javascript Rich Editor" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55285058,"itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55285058" 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="55285058" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55285058" 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="55285058"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/spk-editor-wysiwyg-javascript-rich-editor/55285058" title="SPK Editor – WYSIWYG Javascript Rich Editor" aria-label="View SPK Editor – WYSIWYG Javascript Rich Editor" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55285058,"itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.00","quantity":1}]}}"></a> <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":55285058,"itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.00","quantity":1}]}}" href="https://codecanyon.net/item/spk-editor-wysiwyg-javascript-rich-editor/55285058">SPK Editor – WYSIWYG Javascript Rich Editor</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/spruko" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > SPRUKO </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $79 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55285058" 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=55285058" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55285058" 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":"79.00","items":[{"affiliation":"codecanyon","itemId":55285058,"itemName":"SPK Editor – WYSIWYG Javascript Rich Editor","itemBrand":"SPRUKO","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"79.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/spk-editor-wysiwyg-javascript-rich-editor/full_screen_preview/55285058" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55161285" data-price="9.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55161285,"itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/duralux-admin-dashboard-react-template/55161285"> <img src="https://market-resized.envatousercontent.com/previews/files/541748778/01_preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8322be055d27886fe8261f9a85c24c70d9a2b02a20f06703fb0215fb3be45cdd" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Duralux - Admin & Dashboard React Template" title="Duralux - Admin & Dashboard React Template" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/541748778/01_preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/duralux-admin-dashboard-react-template/55161285" title="Duralux - Admin & Dashboard React Template" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55161285,"itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"9.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55161285" 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="55161285" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55161285" 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="55161285"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/duralux-admin-dashboard-react-template/55161285" title="Duralux - Admin & Dashboard React Template" aria-label="View Duralux - Admin & Dashboard React Template" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55161285,"itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"9.00","quantity":1}]}}"></a> <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":55161285,"itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"9.00","quantity":1}]}}" href="https://codecanyon.net/item/duralux-admin-dashboard-react-template/55161285">Duralux - Admin & Dashboard React Template</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/maryinparis" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > maryinparis </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $9 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55161285" 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=55161285" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55161285" 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":55161285,"itemName":"Duralux - Admin \u0026 Dashboard React Template","itemBrand":"maryinparis","itemCategory":"javascript","itemCategory2":null,"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/duralux-admin-dashboard-react-template/full_screen_preview/55161285" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="55191048" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":55191048,"itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/w3-accordion-vanilla-javascript-css/55191048"> <img src="https://market-resized.envatousercontent.com/previews/files/543524881/Preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=f54af35e4afd218b44a78ca8a8efcbe015a1b16e4a169ed15d3d6d178b05b673" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="W3 Accordion with Vanilla Javascript & CSS - v1.1" title="W3 Accordion with Vanilla Javascript & CSS - v1.1" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/543524881/Preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/w3-accordion-vanilla-javascript-css/55191048" title="W3 Accordion with Vanilla Javascript & CSS - v1.1" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55191048,"itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"6.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=55191048" 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="55191048" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/55191048" 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="55191048"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/w3-accordion-vanilla-javascript-css/55191048" title="W3 Accordion with Vanilla Javascript & CSS - v1.1" aria-label="View W3 Accordion with Vanilla Javascript & CSS - v1.1" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":55191048,"itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <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":55191048,"itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/w3-accordion-vanilla-javascript-css/55191048">W3 Accordion with Vanilla Javascript & CSS - v1.1</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/w3artists" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > w3artists </a> in <a href="/category/javascript/miscellaneous" class="shared-item_cards-author_category_component__link" > Miscellaneous </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $6 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/55191048" 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=55191048" data-modal-commander-method-value="POST" data-cart-button-item-id-value="55191048" 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":55191048,"itemName":"W3 Accordion with Vanilla Javascript \u0026 CSS - v1.1","itemBrand":"w3artists","itemCategory":"javascript","itemCategory2":"miscellaneous","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/w3-accordion-vanilla-javascript-css/full_screen_preview/55191048" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="54473734" data-price="199.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":54473734,"itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.00","quantity":1}]}}" href="https://codecanyon.net/item/ethereum-tokens-bulk-sender/54473734"> <img src="https://market-resized.envatousercontent.com/previews/files/544299849/homw-lST.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=a521beb8b9a23d68d6abb226550d0a59c4eff45ee277bef93f9a9955d8b46322" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Ethereum Tokens Bulk Sender" title="Ethereum Tokens Bulk Sender" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/544299849/homw-lST.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ethereum-tokens-bulk-sender/54473734" title="Ethereum Tokens Bulk Sender" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":54473734,"itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=54473734" 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="54473734" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/54473734" 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="54473734"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/ethereum-tokens-bulk-sender/54473734" title="Ethereum Tokens Bulk Sender" aria-label="View Ethereum Tokens Bulk Sender" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":54473734,"itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.00","quantity":1}]}}"></a> <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":54473734,"itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.00","quantity":1}]}}" href="https://codecanyon.net/item/ethereum-tokens-bulk-sender/54473734">Ethereum Tokens Bulk Sender</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/blockexperts" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > BlockExperts </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $199 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/54473734" 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=54473734" data-modal-commander-method-value="POST" data-cart-button-item-id-value="54473734" 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":"199.00","items":[{"affiliation":"codecanyon","itemId":54473734,"itemName":"Ethereum Tokens Bulk Sender","itemBrand":"BlockExperts","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"199.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/ethereum-tokens-bulk-sender/full_screen_preview/54473734" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/javascript?date=this-year&price_max=7&sort=date">New under $8</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/javascript?date=this-year&price_max=7&sort=date">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: New under $8","items":[{"itemId":50965159,"index":1,"affiliation":"codecanyon","itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"7.00","quantity":1},{"itemId":50576574,"index":2,"affiliation":"codecanyon","itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"6.00","quantity":1},{"itemId":50092923,"index":3,"affiliation":"codecanyon","itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","itemCategory3":null,"price":"6.00","quantity":1},{"itemId":49916331,"index":4,"affiliation":"codecanyon","itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","itemCategory3":null,"price":"6.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50965159" data-price="7.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50965159,"itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/pass-gen-strong-password-generator/50965159"> <img src="https://market-resized.envatousercontent.com/previews/files/489219855/inline-preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=50017c174cd5761252854bad184ccd243171002cfb3aaabfe4ee4f4607af8c67" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Pass Gen - Strong Password generator" title="Pass Gen - Strong Password generator" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/489219855/inline-preview.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/pass-gen-strong-password-generator/50965159" title="Pass Gen - Strong Password generator" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50965159,"itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"7.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50965159" 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="50965159" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50965159" 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="50965159"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/pass-gen-strong-password-generator/50965159" title="Pass Gen - Strong Password generator" aria-label="View Pass Gen - Strong Password generator" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50965159,"itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"7.00","quantity":1}]}}"></a> <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":50965159,"itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/pass-gen-strong-password-generator/50965159">Pass Gen - Strong Password generator</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/skaibaba" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > skaibaba </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $7 </div> <div class="shared-item_cards-sales_component__root"> 5 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50965159" 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=50965159" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50965159" 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":50965159,"itemName":"Pass Gen - Strong Password generator","itemBrand":"skaibaba","itemCategory":"javascript","itemCategory2":null,"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/pass-gen-strong-password-generator/full_screen_preview/50965159" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50576574" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50576574,"itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/cardflex-interactive-swatchbook-card-collection/50576574"> <img src="https://market-resized.envatousercontent.com/previews/files/486257627/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=30c571c308c72b86e8a0d552559a9cd0df8b10cf00c41d0dcb5729862a6ea180" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="CardFlex - Interactive SwatchBook Card Collection" title="CardFlex - Interactive SwatchBook Card Collection" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/486257627/preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/cardflex-interactive-swatchbook-card-collection/50576574" title="CardFlex - Interactive SwatchBook Card Collection" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50576574,"itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"6.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50576574" 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="50576574" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50576574" 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="50576574"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/cardflex-interactive-swatchbook-card-collection/50576574" title="CardFlex - Interactive SwatchBook Card Collection" aria-label="View CardFlex - Interactive SwatchBook Card Collection" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50576574,"itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <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":50576574,"itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/cardflex-interactive-swatchbook-card-collection/50576574">CardFlex - Interactive SwatchBook Card Collection</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/fusionelements" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > FusionElements </a> in <a href="/category/javascript" class="shared-item_cards-author_category_component__link" > JavaScript </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $6 </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50576574" 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=50576574" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50576574" 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":50576574,"itemName":"CardFlex - Interactive SwatchBook Card Collection","itemBrand":"FusionElements","itemCategory":"javascript","itemCategory2":null,"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> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50092923" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50092923,"itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/vuejs-tailawind-css-admin-panel-sidebar-navigation/50092923"> <img src="https://market-resized.envatousercontent.com/previews/files/482746391/inline-preview-590x300.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=d53aba609fcf1dbb358d22d958b800d013800b96f85ccd1e792da2b526778406" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Vue.js Tailawind CSS Admin Panel Sidebar Navigation" title="Vue.js Tailawind CSS Admin Panel Sidebar Navigation" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/482746391/inline-preview-590x300.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/vuejs-tailawind-css-admin-panel-sidebar-navigation/50092923" title="Vue.js Tailawind CSS Admin Panel Sidebar Navigation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50092923,"itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","itemCategory3":null,"price":"6.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50092923" 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="50092923" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50092923" 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="50092923"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/vuejs-tailawind-css-admin-panel-sidebar-navigation/50092923" title="Vue.js Tailawind CSS Admin Panel Sidebar Navigation" aria-label="View Vue.js Tailawind CSS Admin Panel Sidebar Navigation" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50092923,"itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <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":50092923,"itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/vuejs-tailawind-css-admin-panel-sidebar-navigation/50092923">Vue.js Tailawind CSS Admin Panel Sidebar Navigation</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/singheui" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > SingheUI </a> in <a href="/category/javascript/navigation" class="shared-item_cards-author_category_component__link" > Navigation </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $6 </div> <div class="shared-item_cards-sales_component__root"> 20 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50092923" 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=50092923" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50092923" 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":50092923,"itemName":"Vue.js Tailawind CSS Admin Panel Sidebar Navigation","itemBrand":"SingheUI","itemCategory":"javascript","itemCategory2":"navigation","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/vuejs-tailawind-css-admin-panel-sidebar-navigation/full_screen_preview/50092923" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="49916331" data-price="6.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":49916331,"itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/coming-soon-timer-countdown-timer-multicolor-countdown/49916331"> <img src="https://market-resized.envatousercontent.com/previews/files/481469545/preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=611cc9989804390060e798a9427e86a301eae0631d5749656d1fa86bd44b7ae6" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Coming Soon Timer | Countdown Timer | Multicolor Countdown" title="Coming Soon Timer | Countdown Timer | Multicolor Countdown" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/481469545/preview.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/coming-soon-timer-countdown-timer-multicolor-countdown/49916331" title="Coming Soon Timer | Countdown Timer | Multicolor Countdown" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49916331,"itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","itemCategory3":null,"price":"6.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=49916331" 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="49916331" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/49916331" 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="49916331"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/coming-soon-timer-countdown-timer-multicolor-countdown/49916331" title="Coming Soon Timer | Countdown Timer | Multicolor Countdown" aria-label="View Coming Soon Timer | Countdown Timer | Multicolor Countdown" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49916331,"itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","itemCategory3":null,"price":"6.00","quantity":1}]}}"></a> <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":49916331,"itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","itemCategory3":null,"price":"6.00","quantity":1}]}}" href="https://codecanyon.net/item/coming-soon-timer-countdown-timer-multicolor-countdown/49916331">Coming Soon Timer | Countdown Timer | Multicolor Countdown</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/pahil369" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > Pahil369 </a> in <a href="/category/javascript/countdowns" class="shared-item_cards-author_category_component__link" > Countdowns </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $6 </div> <div class="shared-item_cards-sales_component__root"> 7 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/49916331" 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=49916331" data-modal-commander-method-value="POST" data-cart-button-item-id-value="49916331" 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":49916331,"itemName":"Coming Soon Timer | Countdown Timer | Multicolor Countdown","itemBrand":"Pahil369","itemCategory":"javascript","itemCategory2":"countdowns","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/coming-soon-timer-countdown-timer-multicolor-countdown/full_screen_preview/49916331" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><div class="category-popular_searches_block_component__root"> <h2 class="category-popular_searches_block_component__heading">Popular searches</h2> <nav aria-label="Popular searches"> <a href="/category/javascript?term=react#content" class="category-popular_searches_block_component__termLink" >react</a> <a href="/category/javascript?term=angular#content" class="category-popular_searches_block_component__termLink" >angular</a> <a href="/category/javascript?term=slider#content" class="category-popular_searches_block_component__termLink" >slider</a> <a href="/category/javascript?term=calendar#content" class="category-popular_searches_block_component__termLink" >calendar</a> <a href="/category/javascript?term=vertical%20carousel#content" class="category-popular_searches_block_component__termLink" >vertical carousel</a> <a href="/category/javascript?term=popup#content" class="category-popular_searches_block_component__termLink" >popup</a> <a href="/category/javascript?term=timeline#content" class="category-popular_searches_block_component__termLink" >timeline</a> <a href="/category/javascript?term=gallery#content" class="category-popular_searches_block_component__termLink" >gallery</a> <a href="/category/javascript?term=image%20editor#content" class="category-popular_searches_block_component__termLink" >image editor</a> <a href="/category/javascript?term=map#content" class="category-popular_searches_block_component__termLink" >map</a> <a href="/category/javascript?term=chat#content" class="category-popular_searches_block_component__termLink" >chat</a> <a href="/category/javascript?term=flipbook#content" class="category-popular_searches_block_component__termLink" >flipbook</a> <a href="/category/javascript?term=carousel#content" class="category-popular_searches_block_component__termLink" >carousel</a> <a href="/category/javascript?term=builder#content" class="category-popular_searches_block_component__termLink" >builder</a> <a href="/category/javascript?term=page%20builder#content" class="category-popular_searches_block_component__termLink" >page builder</a> <a href="/category/javascript?term=drag%20and%20drop#content" class="category-popular_searches_block_component__termLink" >drag and drop</a> </nav> </div> </div> <div class="category-show_content__blockWrapper"><section class="category-items_block_component__root"> <header class="category-items_block_component__header"> <h2 class="category-items_block_component__heading"> <a href="/category/javascript/miscellaneous?date=this-year&sort=sales">Top random JavaScript & jQuery code</a> </h2> <div class="category-items_block_component__button"> <a rel="" class="shared-cta_button_component__root shared-cta_button_component__small" href="/category/javascript/miscellaneous?date=this-year&sort=sales">View all</a> </div> </header> <div data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Top random JavaScript \u0026 jQuery code","items":[{"itemId":50240727,"index":1,"affiliation":"codecanyon","itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.00","quantity":1},{"itemId":50774309,"index":2,"affiliation":"codecanyon","itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"59.00","quantity":1},{"itemId":49797502,"index":3,"affiliation":"codecanyon","itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"7.00","quantity":1},{"itemId":49517484,"index":4,"affiliation":"codecanyon","itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}" class="category-items_block_component__itemCardGrid" > <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50240727" data-price="69.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50240727,"itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.00","quantity":1}]}}" href="https://codecanyon.net/item/kanakku-invoice-and-billing-management-application-system/50240727"> <img src="https://market-resized.envatousercontent.com/previews/files/483830304/kanakku-preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=05fc0d7963178986ebc7ceb9f4fecb4c134a7438188a707d7b05d8345c297645" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Kanakku - Invoice and Billing Management Application System Nodejs with React Js" title="Kanakku - Invoice and Billing Management Application System Nodejs with React Js" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/483830304/kanakku-preview.jpg" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/kanakku-invoice-and-billing-management-application-system/50240727" title="Kanakku - Invoice and Billing Management Application System Nodejs with React Js" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50240727,"itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50240727" 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="50240727" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50240727" 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="50240727"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/kanakku-invoice-and-billing-management-application-system/50240727" title="Kanakku - Invoice and Billing Management Application System Nodejs with React Js" aria-label="View Kanakku - Invoice and Billing Management Application System Nodejs with React Js" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50240727,"itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.00","quantity":1}]}}"></a> <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":50240727,"itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.00","quantity":1}]}}" href="https://codecanyon.net/item/kanakku-invoice-and-billing-management-application-system/50240727">Kanakku - Invoice and Billing Management Application System Nodejs with React Js</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/dreamstechnologies" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > dreamstechnologies </a> in <a href="/category/javascript/miscellaneous" class="shared-item_cards-author_category_component__link" > Miscellaneous </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $69 </div> <div class="shared-item_cards-sales_component__root"> 57 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50240727" 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=50240727" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50240727" 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":"69.00","items":[{"affiliation":"codecanyon","itemId":50240727,"itemName":"Kanakku - Invoice and Billing Management Application System Nodejs with React Js","itemBrand":"dreamstechnologies","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"69.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/kanakku-invoice-and-billing-management-application-system/full_screen_preview/50240727" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="50774309" data-price="59.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":50774309,"itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/evaluateai-ai-powered-answer-sheet-evaluator-and-marksheet-generator-saas-platform/50774309"> <img src="https://market-resized.envatousercontent.com/previews/files/540387742/evaluateai_preview+%284%29.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8e352bf149c3d4e6f43516cfab1828006610f71eaadc8b3234af825894c04284" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform" title="EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/540387742/evaluateai_preview%20(4).png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/evaluateai-ai-powered-answer-sheet-evaluator-and-marksheet-generator-saas-platform/50774309" title="EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50774309,"itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"59.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=50774309" 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="50774309" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/50774309" 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="50774309"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/evaluateai-ai-powered-answer-sheet-evaluator-and-marksheet-generator-saas-platform/50774309" title="EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform" aria-label="View EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":50774309,"itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"59.00","quantity":1}]}}"></a> <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":50774309,"itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"59.00","quantity":1}]}}" href="https://codecanyon.net/item/evaluateai-ai-powered-answer-sheet-evaluator-and-marksheet-generator-saas-platform/50774309">EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/aqeelshamz" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > aqeelshamz </a> in <a href="/category/javascript/miscellaneous" class="shared-item_cards-author_category_component__link" > Miscellaneous </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $59 </div> <div class="shared-item_cards-sales_component__root"> 32 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/50774309" 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=50774309" data-modal-commander-method-value="POST" data-cart-button-item-id-value="50774309" 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":50774309,"itemName":"EvaluateAI - AI Powered Answer Sheet Evaluator and Marksheet Generator SaaS Platform","itemBrand":"aqeelshamz","itemCategory":"javascript","itemCategory2":"miscellaneous","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/evaluateai-ai-powered-answer-sheet-evaluator-and-marksheet-generator-saas-platform/full_screen_preview/50774309" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="49797502" data-price="7.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":49797502,"itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/wordpress-theme-detector-and-web-hosting-comparison-react-nextjs-script/49797502"> <img src="https://market-resized.envatousercontent.com/previews/files/507294496/inline_preview_image.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=a4ef4815be82a2f74ab562dc757cc6af82423fee83db42c7f77f797a04f9615b" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script" title="WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/507294496/inline_preview_image.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/wordpress-theme-detector-and-web-hosting-comparison-react-nextjs-script/49797502" title="WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49797502,"itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"7.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=49797502" 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="49797502" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/49797502" 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="49797502"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/wordpress-theme-detector-and-web-hosting-comparison-react-nextjs-script/49797502" title="WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script" aria-label="View WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49797502,"itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"7.00","quantity":1}]}}"></a> <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":49797502,"itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"7.00","quantity":1}]}}" href="https://codecanyon.net/item/wordpress-theme-detector-and-web-hosting-comparison-react-nextjs-script/49797502">WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/neelhabib" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > neelhabib </a> in <a href="/category/javascript/miscellaneous" class="shared-item_cards-author_category_component__link" > Miscellaneous </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $7 </div> <div class="shared-stars_rating_component__root"> <div class="shared-stars_rating_component__starRating" role="img" aria-label="Rated 5.0 out of 5, 4 reviews" > <span class="shared-stars_rating_component__star"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#stars_5.0'></use> </svg> </span> </div> <span aria-hidden="true" class="shared-stars_rating_component__starRatingCount">(4)</span> </div> <div class="shared-item_cards-sales_component__root"> 29 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/49797502" 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=49797502" data-modal-commander-method-value="POST" data-cart-button-item-id-value="49797502" 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":49797502,"itemName":"WordPress Theme Detector | Shopify Theme Detector | Magento Theme Detector React NextJS script","itemBrand":"neelhabib","itemCategory":"javascript","itemCategory2":"miscellaneous","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/wordpress-theme-detector-and-web-hosting-comparison-react-nextjs-script/full_screen_preview/49797502" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> <div class="category-items_block_component__itemCard"> <div class="shared-item_cards-card_component__root"> <div class="shared-item_cards-grid-image_card_component__root" data-favorites-loader-target="item" data-item-id="49517484" data-price="19.00" data-site="codecanyon" > <div class="shared-item_cards-grid-image_card_component__preview"> <div class="shared-item_cards-grid-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":49517484,"itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}" href="https://codecanyon.net/item/gdpr-compliant-cookie-consent-manager/49517484"> <img src="https://market-resized.envatousercontent.com/previews/files/478583574/inline-preview.png?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=27346b034ea47b0126851c093ab09f718c4e6ff97c192810485e1f71a0a23235" loading="lazy" style="left: 0%" class="shared-item_cards-preview_image_component__image" alt="Universal GDPR Compliant Cookie Consent Manager" title="Universal GDPR Compliant Cookie Consent Manager" width="590" height="300" data-controller="image-preview" data-action="error->image-preview#setFallback" data-fallback="https://previews.customer.envatousercontent.com/files/478583574/inline-preview.png" data-carousel-target="image" /> </a></div> </div> <div class="shared-item_cards-grid-image_card_component__gradient" style="padding-top: 50.847457627118644%;"> <div class="shared-item_cards-grid-image_card_component__inner"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/gdpr-compliant-cookie-consent-manager/49517484" title="Universal GDPR Compliant Cookie Consent Manager" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49517484,"itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}" ></a> <div class="shared-item_cards-grid-image_card_component__buttons"> <a href="/my/bookmarks/new?item_id=49517484" 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="49517484" > <span class="shared-item_cards-collection_button_component__icon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#collection'></use> </svg> </span> </a> <span class="shared-item_cards-grid-image_card_component__buttonSeparator"></span> <form method="post" action="/my/favorites/49517484" 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="49517484"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#heart'></use> </svg> </button> </form> </div> </div> </div> </div> <div class="shared-item_cards-grid-image_card_component__content"> <a class="shared-item_cards-grid-image_card_component__itemLinkOverlay" href="https://codecanyon.net/item/gdpr-compliant-cookie-consent-manager/49517484" title="Universal GDPR Compliant Cookie Consent Manager" aria-label="View Universal GDPR Compliant Cookie Consent Manager" data-turbo="false" data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","itemId":49517484,"itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}"></a> <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":49517484,"itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}" href="https://codecanyon.net/item/gdpr-compliant-cookie-consent-manager/49517484">Universal GDPR Compliant Cookie Consent Manager</a> </h3> <div class="shared-item_cards-author_category_component__root"> <i>by</i> <a href="https://codecanyon.net/user/mihalovics-labs" class="shared-item_cards-author_category_component__link" rel="nofollow" data-turbo="false" > mihalovics-labs </a> in <a href="/category/javascript/miscellaneous" class="shared-item_cards-author_category_component__link" > Miscellaneous </a> </div> <div class="shared-item_cards-grid-image_card_component__footer"> <div class="shared-item_cards-grid-image_card_component__footerContent"> <div class="shared-item_cards-price_component__root"> $19 </div> <div class="shared-item_cards-sales_component__root"> 22 Sales </div> </div> <div class="shared-item_cards-grid-image_card_component__footerButtons"> <div class="shared-item_cards-grid-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/49517484" 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=49517484" data-modal-commander-method-value="POST" data-cart-button-item-id-value="49517484" data-cart-button-in-cart-class="shared-item_cards-add_to_cart_button_component__inCart" data-analytics-cart-button-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":"19.00","items":[{"affiliation":"codecanyon","itemId":49517484,"itemName":"Universal GDPR Compliant Cookie Consent Manager","itemBrand":"mihalovics-labs","itemCategory":"javascript","itemCategory2":"miscellaneous","itemCategory3":null,"price":"19.00","quantity":1}]}}" > <span class="shared-item_cards-add_to_cart_button_component__cartIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#cart'></use> </svg> </span> </a> <a href="https://codecanyon.net/item/gdpr-compliant-cookie-consent-manager/full_screen_preview/49517484" class="shared-item_cards-preview_button_with_analytics_component__root" target="_blank" rel="noopener" > Live Preview </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-elements_promo_items_block_component__root" data-nosnippet data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral"}}" > <div class="category-elements_promo_items_block_component__inner"> <div class="category-elements_promo_items_block_component__content"> <img loading="lazy" class="category-elements_promo_items_block_component__logo" src="https://assets.market-storefront.envato-static.com/storefront/assets/logos/envato-elements-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" height="40" alt="Elements logo" /> <header> <h2 class="category-elements_promo_items_block_component__title">Unlimited creative assets, all in one place.</h2> <p class="category-elements_promo_items_block_component__subtitle">Subscribe to Envato Elements and enjoy the upside of no limits.</p> </header> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/pricing"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodyLarge shared-brand_neue-text_component__contentPrimary"> Start creating now </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size1x" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </a> </div> <div class="category-elements_promo_items_block_component__items" data-impression-tracker-target="item" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","searchTerm":null,"searchResults":null,"ecommerce":{"currency":"USD","item_list_name":"Category Page: Elements Promo","items":[{"itemId":9027813,"index":1,"affiliation":null,"itemName":"Top Sliding Bar","itemBrand":"scripteo","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1},{"itemId":23717649,"index":2,"affiliation":null,"itemName":"C01 - Furniture, Decor Banners Ad GWD \u0026 PSD","itemBrand":"iDoodle","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1},{"itemId":26163957,"index":3,"affiliation":null,"itemName":"Play Music App Banners GWD","itemBrand":"nanoagency","itemCategory":null,"itemCategory2":null,"itemCategory3":null,"price":null,"quantity":1}]}}" > <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"6URDBGE","item_name":"Top Sliding Bar","item_brand":"scripteo"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View Top Sliding Bar" data-item-id="9027813" data-turbo="false" href="https://elements.envato.com/top-sliding-bar-wordpress-widgets-6URDBGE?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=cc_promo-block&utm_medium=referral&utm_source=codecanyon.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/files/109374382/head.PNG?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=f37e0dd59284635bf6b366353c400592982554f61f4a74c0613fb69199cc9019" alt="Top Sliding Bar" class="shared-item_preview_component__image" title="Top Sliding Bar" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> Top Sliding Bar </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"49CTMJG","item_name":"C01 - Furniture, Decor Banners Ad GWD \u0026 PSD","item_brand":"iDoodle"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View C01 - Furniture, Decor Banners Ad GWD & PSD" data-item-id="23717649" data-turbo="false" href="https://elements.envato.com/c01-furniture-decor-banners-ad-gwd-psd-49CTMJG?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=cc_promo-block&utm_medium=referral&utm_source=codecanyon.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/files/264066166/preview.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=ebc031bb28464e9a8951bc814d9f636f669b2d6915748c4228a70b24bcfc5ef7" alt="C01 - Furniture, Decor Banners Ad GWD & PSD" class="shared-item_preview_component__image" title="C01 - Furniture, Decor Banners Ad GWD & PSD" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> C01 - Furniture, Decor Banners Ad GWD & PSD </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> <div class="category-elements_promo_items_block_component__item" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"cross sell block","ecommerce":{"promotionId":"elements_mkttraffic_categorypage_10SEP2024","promotionName":"elements_mkttraffic_categorypage_10SEP2024","promotionType":"elements referral","items":[{"item_id":"5HTANB8","item_name":"Play Music App Banners GWD","item_brand":"nanoagency"}]}}" > <a class="home-elements_style_item_card_component__root" target="_blank" rel="noopener" aria_label="View Play Music App Banners GWD" data-item-id="26163957" data-turbo="false" href="https://elements.envato.com/play-music-app-banners-gwd-5HTANB8?utm_campaign=elements_mkttraffic_categorypage_10SEP2024&utm_content=cc_promo-block&utm_medium=referral&utm_source=codecanyon.net"> <div class="home-elements_style_item_card_component__preview"> <div class="shared-item_preview_component__root"> <img loading="lazy" src="https://market-resized.envatousercontent.com/previews/files/284634362/na02-590x300.jpg?w=590&h=300&cf_fit=crop&crop=top&format=auto&q=85&s=8ce1413741042f54dbb16f545986a49131bdad2ba51dff240e1e193e1d9ccfa1" alt="Play Music App Banners GWD" class="shared-item_preview_component__image" title="Play Music App Banners GWD" /> </div> <div class="home-elements_style_item_card_component__nameWrapper"> <span class="home-elements_style_item_card_component__name"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> Play Music App Banners GWD </span> </span> </div> <div class="home-elements_style_item_card_component__buttonWrapper"> <div class="home-elements_style_item_card_component__ctaButton"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__labelSmall shared-brand_neue-text_component__contentPrimary"> View asset </span> <span class="home-elements_style_item_card_component__ctaIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#open_in_new'></use> </svg> </span> </div> </div> </div> </a> </div> </div> </div> </section> </div> <div class="category-show_content__blockWrapper"><section class="category-categories_with_icons_block_component__root" data-controller="toggler"> <div class="category-categories_with_icons_block_component__wrapper"> <header class="category-categories_with_icons_block_component__header"> <div class="category-categories_with_icons_block_component__headerInner"> <span class="category-categories_with_icons_block_component__headerIcon"> <img alt="JavaScript categories" width="46" height="46" src="https://assets.market-storefront.envato-static.com/storefront/assets/category-icons/category/javascript-6b2e7e3a56f269db51e05f910eda9ad23204a9bf307996220a032e9e7021cb88.svg" /> </span> <span class="category-categories_with_icons_block_component__headerText"> JavaScript categories </span> </div> </header> <div data-toggler-target="toggle" class="category-categories_with_icons_block_component__categoryLinks" data-toggler-expanded-class="category-categories_with_icons_block_component__expanded" > <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/miscellaneous" > <span class="category-categories_with_icons_block_component__linkInner"> Miscellaneous <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/images-and-media" > <span class="category-categories_with_icons_block_component__linkInner"> Images and Media <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/navigation" > <span class="category-categories_with_icons_block_component__linkInner"> Navigation <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/sliders" > <span class="category-categories_with_icons_block_component__linkInner"> Sliders <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/forms" > <span class="category-categories_with_icons_block_component__linkInner"> Forms <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/media" > <span class="category-categories_with_icons_block_component__linkInner"> Media <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/animated-svgs" > <span class="category-categories_with_icons_block_component__linkInner"> Animated SVGs <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/shopping-carts" > <span class="category-categories_with_icons_block_component__linkInner"> Shopping Carts <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/loaders-and-uploaders" > <span class="category-categories_with_icons_block_component__linkInner"> Loaders and Uploaders <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/social-networks" > <span class="category-categories_with_icons_block_component__linkInner"> Social Networks <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/countdowns" > <span class="category-categories_with_icons_block_component__linkInner"> Countdowns <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/project-management-tools" > <span class="category-categories_with_icons_block_component__linkInner"> Project Management Tools <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/calendars" > <span class="category-categories_with_icons_block_component__linkInner"> Calendars <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/news-tickers" > <span class="category-categories_with_icons_block_component__linkInner"> News Tickers <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/ratings-and-charts" > <span class="category-categories_with_icons_block_component__linkInner"> Ratings and Charts <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> <a class="category-categories_with_icons_block_component__categoryLink" href="javascript/database-abstractions" > <span class="category-categories_with_icons_block_component__linkInner"> Database Abstractions <span class="category-categories_with_icons_block_component__linkIcon"> <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#button_chevron_right'></use> </svg> </span> </span> </a> </div> <div class="category-categories_with_icons_block_component__browseLinks"> <a class="category-categories_with_icons_block_component__browseLink" href="/category/javascript?sort=date"> <span class="category-categories_with_icons_block_component__linkInner"> Browse New </span> </a> <a class="category-categories_with_icons_block_component__browseLink" href="/category/javascript?sort=sales"> <span class="category-categories_with_icons_block_component__linkInner"> Browse Bestsellers </span> </a> </div> <button data-action="click->toggler#toggle" class="category-categories_with_icons_block_component__viewHideButton category-categories_with_icons_block_component__viewHideButtonFor16" > <span data-toggler-target="toggle" data-toggler-collapsed-text="Show more" data-toggler-expanded-text="Show less" > Show more </span> <span class="category-categories_with_icons_block_component__chevron" data-toggler-target="toggle" data-toggler-expanded-class="category-categories_with_icons_block_component__expanded" > <svg width='100%' height='100%'> <use xlink:href='/storefront/assets/icon_spritesheet-2c8173174a30370958101e9b5e0dc4a0503c16573b4e2c0961245849681b052e.svg#chevron_down'></use> </svg> </span> </button> </div> </section> </div> </section> <div class="shared-global_footer-cross_sell_component__root" data-nosnippet> <div class="shared-global_footer-cross_sell_banner_component__root" data-impression-tracker-target="promotion" data-analytics-view-payload="{"eventName":"view_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" > <div class="shared-global_footer-cross_sell_banner_component__mainPanel"> <a class="shared-global_footer-cross_sell_banner_component__mainPanelLink" href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=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-e1a82c06abeaebefed5ef0159102a06cd996de649ea62018b395978c09cd1edc.svg" alt="Elements logo"> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkContainer"> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkHeading"> <h2 class="shared-brand_neue-text_component__root shared-brand_neue-text_component__title3 shared-brand_neue-text_component__contentPrimary"> Looking for unlimited downloads? </h2> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkSubheading"> <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Subscribe to Envato Elements. </span> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescriptionContainer"> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/badge-ea3a60ea39171409e4f531bab81dc0a0f23d5ab62c5bbc2160599b766c5803dd.svg" alt="badge" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Millions of premium assets </span> </div> <div class="shared-global_footer-cross_sell_banner_component__mainPanelLinkDescription"> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size20" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/thumbs_up-3314bbeb196f5f1858b98256fe14b1bbe632f6b4077d311139e8173f3cfc2945.svg" alt="thumbs up" > <span class="shared-brand_neue-text_component__root shared-brand_neue-text_component__bodySmall shared-brand_neue-text_component__contentPrimary"> Great value subscription </span> </div> </div> </div> </a> <a rel="noopener" target="_blank" class="shared-brand_neue-button_link_component__root shared-brand_neue-button_link_component__banner" href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=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__labelSmall shared-brand_neue-text_component__contentPrimary"> Start creating now </span> <img class="shared-brand_neue-icon_component__root shared-brand_neue-icon_component__size14" src="https://assets.market-storefront.envato-static.com/storefront/assets/icons/open_in_new-235ba8f2a9a16ac0776b9a33ffaa20b59f6f5454ee41ef5bac6e83437b6d8482.svg" alt="open elements" > </div> </a> </div> <div class="shared-global_footer-cross_sell_banner_component__secondaryPanel"> <a href="https://elements.envato.com/?utm_campaign=elements_mkt-footer_28AUG2024&utm_medium=promos&utm_source=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-1x-303b2bb0b8c75605b02b6664246ef38432c56a6da4c00e6901ecec5445d91cbe.png" srcset="https://assets.market-storefront.envato-static.com/storefront/assets/footer/cross-sell-elements-2x-e85119863b8b440668790657b87d312db6a54db6548dcaf29eb082b480f82f7a.png 2x" alt="Collage of Elements items" > </a> </div> </div> </div> <footer class="shared-global_footer-footer_component__root" data-turbo="false"> <div class="shared-global_footer-footer_component__topContainer"> <div class="shared-global_footer-footer_component__topLinks" data-controller="cookie-settings"> <nav class="shared-global_footer-footer_component__topLinksGroup" aria-label="Envato Market"> <strong class="shared-global_footer-footer_component__topLinksGroupTitle">Envato Market</strong> <a class="shared-global_footer-footer_component__topLink" href="/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,339,762</span> items sold </li> <li class="shared-global_footer-footer_component__statsListItem"> <span class="shared-global_footer-footer_component__stats">$1,188,901,282</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_20Nov2024","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: #000000;\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: #9CEE69; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(left, #9CEE69, #9CEE69); /* For Safari 5.1 to 6.0 */\n background: linear-gradient(to right, #9CEE69, #9CEE69); /* 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: #000000;\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: #B037A6;\n padding: 6px 30px 5px 30px;\n color: #FFFFFF;\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: #000000;\n text-decoration: underline;\n padding-left: 5px;\n}\n\n.headerstrip .headerstrip-cta-mobile:hover {\n color: #000000;\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_20Nov2024","promotionName":"market_mkt-header_cybersale_20Nov2024","promotionType":"commercial"}}" data-analytics-click-payload="{"eventName":"select_promotion","eventType":"user","contextDetail":"referral bar","ecommerce":{"promotionId":"market_mkt-header_cybersale_20Nov2024","promotionName":"market_mkt-header_cybersale_20Nov2024","promotionType":"commercial"}}" ></div> </div> <div class="layouts-application_layout__spinner"><svg class="shared-spinner_component__spinner shared-spinner_component__large" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="shared-spinner_component__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"> </circle> </svg></div> <div data-controller="cart-entries-loader" data-cart-entries-loader-url-value="/my/cart_entries"></div> </body> </html>

CINXE.COM

JavaScript Templates | CodeCanyon