CINXE.COM

Cool Components Arduino,Raspberry Pi,Sparkfun,Adafruit,Teensy,microbit

<!doctype html> <html class="no-js" lang="en" dir="ltr"> <head> <!-- OneTrust Cookies Consent Notice start for coolcomponents.co.uk --> <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/df9b2ca4-4f7c-4f6a-89fe-e538078fddc4/OtAutoBlock.js" ></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="df9b2ca4-4f7c-4f6a-89fe-e538078fddc4" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for coolcomponents.co.uk --><meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Cool Components Arduino,Raspberry Pi,Sparkfun,Adafruit,Teensy,microbit</title><link rel="canonical" href="https://coolcomponents.co.uk/"><link rel="icon" href="//coolcomponents.co.uk/cdn/shop/files/Favicon.png?crop=center&height=48&v=1613683805&width=48" type="image/png"> <link rel="apple-touch-icon" href="//coolcomponents.co.uk/cdn/shop/files/Favicon.png?crop=center&height=180&v=1613683805&width=180"><meta name="description" content="Cool Components sells Arduino, Raspberry Pi, Adafruit, Sparkfun, Teensy, Pololu, Pimoroni, Kitronik, Seeed, Grove, microbit and loads more. We&#39;re the ideal supplier to find electronic components in the UK for schools, makers, students, engineers and anyone inventive."><meta property="og:site_name" content="Cool Components"> <meta property="og:url" content="https://coolcomponents.co.uk/"> <meta property="og:title" content="Cool Components Arduino,Raspberry Pi,Sparkfun,Adafruit,Teensy,microbit"> <meta property="og:type" content="website"> <meta property="og:description" content="Cool Components sells Arduino, Raspberry Pi, Adafruit, Sparkfun, Teensy, Pololu, Pimoroni, Kitronik, Seeed, Grove, microbit and loads more. We&#39;re the ideal supplier to find electronic components in the UK for schools, makers, students, engineers and anyone inventive."><meta name="twitter:site" content="@#"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Cool Components Arduino,Raspberry Pi,Sparkfun,Adafruit,Teensy,microbit"> <meta name="twitter:description" content="Cool Components sells Arduino, Raspberry Pi, Adafruit, Sparkfun, Teensy, Pololu, Pimoroni, Kitronik, Seeed, Grove, microbit and loads more. We&#39;re the ideal supplier to find electronic components in the UK for schools, makers, students, engineers and anyone inventive."> <link rel="preload" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.css?v=116609865418217997281717517094" as="style"><style data-shopify> @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e8768be8ad3cba19bd524328d0f80ce3de3880098f3f4bf2922646a39698b205") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c7b656b19f55783760a6375c7aaf1bc562ddf419cd23d4d1e990b532f831ae38") format("woff"); } @font-face { font-family: Montserrat; font-weight: 500; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=145a5c727d352c4421f80e9458fd5286fd9e0cfcbe587bc4cc2d90a85248dec1") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n5.18a018b6c83e89030c5d70a6d4c02c969f228500.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=471342c7f049bc8aa9d3065d30a853ec349021febbad3b19be55a22e79ac42b4") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: italic; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=5adc554cd8ae6e00afd3fc9ce5fdaa37eb2aa84b9be8e895c1f39f957d4331c7") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=cc4790ad729b1fb8f186e1c4734ab13abf859dc427f6cd5a9f431abc0785b58e") format("woff"); } @font-face { font-family: Montserrat; font-weight: 500; font-style: italic; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i5.3a4750a300f30824a43384268712b76e0a04be8c.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=86eacd0e8056d35065e78d875da06d4c31e01f96bbc06d763acd801238c9b8d6") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i5.3c586d8884de1ac5627138711567f5b454adbef8.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=007bbc9b4ebe590e4895836f39d8ca701b97b41f0ca3789e5806354f7b226314") format("woff"); } @font-face { font-family: Montserrat; font-weight: 700; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=63e15a02b4bbed859ae32a0ef9457f3fb65438d7d941a1addc13bd289f39bc04") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e7341252b069daa0054525c62abd91589844df0a662cd51b13c17555ab3d3e23") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c6782ec43d42106154220802af1b796d676d24b3f2ecda9d629d3764f57f9d9a") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=f53c7803c41d398631e4061cf549e30dfab0a1f80e3877742c22ff3cd7450d1d") format("woff"); } :root { --bg-color: 255 255 255 / 1.0; --bg-color-og: 255 255 255 / 1.0; --heading-color: 51 51 51; --text-color: 51 51 51; --text-color-og: 51 51 51; --scrollbar-color: 51 51 51; --link-color: 51 51 51; --link-color-og: 51 51 51; --star-color: 252 202 44; --sale-price-color: 198 32 32;--swatch-border-color-default: 214 214 214; --swatch-border-color-active: 153 153 153; --swatch-card-size: 24px; --swatch-variant-picker-size: 24px;--color-scheme-1-bg: 242 244 243 / 1.0; --color-scheme-1-grad: ; --color-scheme-1-heading: 51 51 51; --color-scheme-1-text: 51 51 51; --color-scheme-1-btn-bg: 252 202 44; --color-scheme-1-btn-text: 51 51 51; --color-scheme-1-btn-bg-hover: 224 184 58;--color-scheme-2-bg: 198 32 32 / 1.0; --color-scheme-2-grad: linear-gradient(24deg, rgba(170, 24, 44, 1) 15%, rgba(198, 32, 32, 1) 84%); --color-scheme-2-heading: 250 244 216; --color-scheme-2-text: 250 244 216; --color-scheme-2-btn-bg: 255 255 255; --color-scheme-2-btn-text: 51 51 51; --color-scheme-2-btn-bg-hover: 232 232 232;--color-scheme-3-bg: 109 174 30 / 1.0; --color-scheme-3-grad: linear-gradient(22deg, rgba(92, 159, 10, 1) 16%, rgba(109, 174, 30, 1) 84%); --color-scheme-3-heading: 255 255 255; --color-scheme-3-text: 255 255 255; --color-scheme-3-btn-bg: 252 202 44; --color-scheme-3-btn-text: 51 51 51; --color-scheme-3-btn-bg-hover: 224 184 58; --drawer-bg-color: 255 255 255 / 1.0; --drawer-text-color: 51 51 51; --panel-bg-color: 242 244 243 / 1.0; --panel-heading-color: 51 51 51; --panel-text-color: 51 51 51; --in-stock-text-color: 13 137 62; --low-stock-text-color: 210 134 26; --very-low-stock-text-color: 170 24 44; --no-stock-text-color: 83 86 90; --no-stock-backordered-text-color: 83 86 90; --error-bg-color: 244 216 220; --error-text-color: 170 24 44; --success-bg-color: 109 174 30; --success-text-color: 255 255 255; --info-bg-color: 242 244 243; --info-text-color: 51 51 51; --heading-font-family: Montserrat, sans-serif; --heading-font-style: normal; --heading-font-weight: 700; --heading-scale-start: 2; --heading-letter-spacing: 0.0em; --navigation-font-family: Roboto, sans-serif; --navigation-font-style: normal; --navigation-font-weight: 700; --navigation-letter-spacing: -0.04em; --heading-text-transform: uppercase; --subheading-text-transform: uppercase; --body-font-family: Montserrat, sans-serif; --body-font-style: normal; --body-font-weight: 400; --body-font-size: 16; --body-font-size-px: 16px; --body-letter-spacing: 0.0em; --section-gap: 32; --heading-gap: calc(8 * var(--space-unit));--heading-gap: calc(6 * var(--space-unit));--grid-column-gap: 20px; --product-card-gap: 0px;--btn-bg-color: 255 174 7; --btn-bg-hover-color: 236 166 9; --btn-text-color: 26 57 12; --btn-bg-color-og: 255 174 7; --btn-text-color-og: 26 57 12; --btn-alt-bg-color: 255 255 255; --btn-alt-bg-alpha: 1.0; --btn-alt-text-color: 28 80 210; --btn-border-width: 2px; --btn-padding-y: 12px; --btn-text-size: 0.80em; --btn-border-radius: 6px; --btn-lg-border-radius: 50%; --btn-icon-border-radius: 50%; --input-with-btn-inner-radius: var(--btn-border-radius); --btn-text-transform: uppercase; --input-bg-color: 255 255 255 / 1.0; --input-text-color: 51 51 51; --input-border-width: 2px; --input-border-radius: 4px; --textarea-border-radius: 4px; --input-border-radius: 6px; --input-bg-color-diff-3: #f7f7f7; --input-bg-color-diff-6: #f0f0f0; --modal-border-radius: 0px; --modal-overlay-color: 0 0 0; --modal-overlay-opacity: 0.4; --drawer-border-radius: 0px; --overlay-border-radius: 8px;--sale-label-bg-color: 198 32 32; --sale-label-text-color: 255 255 255;--new-label-bg-color: 26 102 210; --new-label-text-color: 255 255 255;--preorder-label-bg-color: 170 225 62; --preorder-label-text-color: 51 51 51; --page-width: 1200px; --gutter-sm: 20px; --gutter-md: 48px; --gutter-lg: 64px; --payment-terms-bg-color: #ffffff; --coll-card-bg-color: #fafafa; --coll-card-border-color: rgba(0,0,0,0); --card-bg-color: 255 255 255; --card-text-color: 51 51 51; --card-border-color: #dddddd; --aos-animate-duration: 1.1s; --aos-min-width: 0; --reading-width: 48em; --cart-savings-color: 198 32 32 }@media (max-width: 769px) { :root { --reading-width: 36em; } } </style><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.css?v=116609865418217997281717517094"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.js?v=146145501139955609631717517094" defer="defer"></script><link rel="preload" href="//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e8768be8ad3cba19bd524328d0f80ce3de3880098f3f4bf2922646a39698b205" as="font" type="font/woff2" crossorigin fetchpriority="high"><link rel="preload" href="//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=63e15a02b4bbed859ae32a0ef9457f3fb65438d7d941a1addc13bd289f39bc04" as="font" type="font/woff2" crossorigin fetchpriority="high"><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="ojkoGLE55h0SIIcEg6KfA7E9WAWvM7ninZOQSyMk1m8"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/23113697/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="632929f9b53720fc2408627fd49d1e25"> <meta id="in-context-paypal-metadata" data-shop-id="23113697" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&shop_id=23113697" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":23113697,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/23113697","merchantName":"Cool Components","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Cool Components","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"632929f9b53720fc2408627fd49d1e25","betas":["rich-media-storefront-analytics"],"domain":"coolcomponents.co.uk","predictiveSearch":true,"shopId":23113697,"smart_payment_buttons_url":"https:\/\/coolcomponents.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/coolcomponents.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "coolcomponents.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"GBP","rate":"1.0"}; Shopify.country = "GB"; Shopify.theme = {"name":"Canopy","id":128564985917,"schema_name":"Canopy","schema_version":"6.1.0","theme_store_id":732,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "coolcomponents.co.uk/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-windoid":["modules/v2/client.init-windoid_Cnr4ti9i.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DJQz9uSU.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_D1BLAS5f.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C9c82WFs.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_EFqGxRNo.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CBcji8U4.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"pay-button":["modules/v2/client.pay-button_5Cv89z2P.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_J2Mf4UvV.en.esm.js","modules/v2/client.shop-login-button_DsiwPxuG.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DsiwPxuG.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_xSum0MuL.en.esm.js","modules/v2/client.shop-login-button_DsiwPxuG.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BV67QmF7.en.esm.js","modules/v2/client.shop-login-button_DsiwPxuG.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CWbwxzbo.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"lead-capture":["modules/v2/client.lead-capture_pn5XdvFy.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DbhTKc-o.en.esm.js","modules/v2/chunk.common_BHYMFzo0.esm.js","modules/v2/chunk.modal_C7-_mGwj.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/dfjp7gc2z6ooe.cloudfront.net\/assets\/sky_pilot_v3.js?shop=coolcomponents.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=coolcomponents.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=coolcomponents.myshopify.com","https:\/\/storage.googleapis.com\/gsf-scripts\/global-remarketing\/coolcomponents.js?1709046773\u0026shop=coolcomponents.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":23113697,"offset":0,"reqid":"8159f7db-cca9-4d74-8e1a-c0f71db4142e-1742379263","pageurl":"coolcomponents.co.uk\/","u":"468665996489","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header,footer" defer="defer" src="//coolcomponents.co.uk/cdn/shop/t/39/compiled_assets/scripts.js?5707"></script> <link rel="stylesheet" media="screen" href="https://coolcomponents.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/animate-on-scroll.js?v=15249566486942820451715672869" defer="defer"></script> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/animate-on-scroll.css?v=62865576715456057531715672869"> <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script><!-- CC Custom Head Start --><!-- CC Custom Head End --><!-- BEGIN PRIVY WIDGET CODE --> <script type='text/javascript'> var _d_site = _d_site || 'F308854047609A270BBB6D17'; </script> <script src='https://widget.privy.com/assets/widget.js'></script> <!-- END PRIVY WIDGET CODE --> <!-- BEGIN app block: shopify://apps/simprosys-google-shopping-feed/blocks/core_settings_block/1f0b859e-9fa6-4007-97e8-4513aff5ff3b --><!-- BEGIN: Core Tags & Scripts by Simprosys Google Shopping Feed --> <!-- BEGIN app snippet: gsf_tracking_data --> <script> var gsf_conversion_data = {page_type : 'home', event : 'page_view', data : {product_data : [{variant_id : 13950402625597, product_id : 1816810553405, name : "#202 .25&quot; Ball Cutter (Qty 2)", price : "41.03", currency : "GBP", sku : "3060", brand : "Carbide 3D", variant : "Default Title", category : "Accessories"}, {variant_id : 13950438899773, product_id : 1816821203005, name : "#251 .25&quot; Downcut Flat Cutter (Qty 2)", price : "49.24", currency : "GBP", sku : "3061", brand : "Carbide 3D", variant : "Default Title", category : "Accessories"}], total_price :"90.27", shop_currency : "GBP"}}; </script> <!-- END app snippet --> <!-- END: Core Tags & Scripts by Simprosys Google Shopping Feed --> <!-- END app block --><script src="https://cdn.shopify.com/extensions/fb08020f-1d93-43d4-a30d-cf3ed0b9c486/selleasy-27/assets/lb-upsell.js" type="text/javascript" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 23113697,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=o?o:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{!function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=document.createElement("script"),s=document.querySelector("head"),l=document.querySelector("body");if(t.async=n,t.src=d,a&&(t.integrity=a,t.crossOrigin="anonymous"),o&&t.addEventListener("load",o),i&&t.addEventListener("error",i),s)s.appendChild(t);else{if(!l)throw new Error("Did not find a head or body element to append the script");l.appendChild(t)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){"object"==typeof e&&(e.browserTarget=l);var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:""}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 23113697,storefrontBaseUrl: "https://coolcomponents.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"919437699","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-12E7REEKDG\\\",\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"322b4d09e15b68127cd86b1bb8929c25","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"111870013","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f86c42df4e9f256a1571f5d4b296f7e1","type":"APP","apiClientId":5519923,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"104464445","configuration":"{\"pixel_id\":\"1702129416665609\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"23593021","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Simprosys Custom Pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0402","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0402","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Cool Components","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"coolcomponents.myshopify.com","countryCode":"GB","storefrontUrl":"https://coolcomponents.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://coolcomponents.co.uk/cdn","d2b96005wf43cf37dp5d0f4009ma6c36a7e",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 23113697, theme_id: 128564985917, app_name: "storefront", context_url: window.location.href, source_url: "//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":23113697,"isMerchantRequest":null,"themeId":128564985917,"themeCityHash":"7574392064022792940","contentLanguage":"en","currency":"GBP"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/shop_events_listener-bbbf3223c550be0dd72914a2fa06aaa88eb8943e96f9ea31fb63e7e27e0f97f4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } </script> <script defer src="https://coolcomponents.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.1.min.js" data-application="storefront-renderer" data-shop-id="23113697" data-render-region="gcp-europe-west3" data-page-type="index" data-theme-instance-id="128564985917" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="cc-animate-enabled"> <a class="skip-link btn btn--primary visually-hidden" href="#main-content" data-cc-role="skip">Skip to content</a><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--15768528322621__header" class="shopify-section shopify-section-group-header-group cc-header"> <style data-shopify>.header { --bg-color: 28 80 210 / 1.0; --text-color: 255 255 255; --mobile-menu-bg-color: 28 80 210 / 1.0; --mobile-menu-text-color: 255 255 255; --desktop-menu-bg-color: 28 80 210 / 1.0; --desktop-menu-text-color: 255 255 255; --nav-bg-color: 28 80 210; --nav-text-color: 255 255 255; --nav-child-bg-color: 28 80 210; --nav-child-text-color: 255 255 255; --header-accent-color: 255 255 255; --search-bg-color: 255 255 255; --search-text-color: 51 51 51; }</style><store-header class="header bg-theme-bg text-theme-text has-motion"data-is-sticky="true" data-hide-menu="true"style="--header-transition-speed: 300ms"><header class="header__grid header__grid--left-logo container flex flex-wrap items-center"> <div class="header__logo header__logo--top-left logo flex js-closes-menu"><h1 class="logo__h1 m-0"><a class="logo__link inline-block" href="/"><span class="flex" style="max-width: 240px;"> <picture><source media="(max-width: 768px)" srcset="//coolcomponents.co.uk/cdn/shop/files/CC_Logo_250.png?v=1613683805&width=480" alt="Cool Components" loading="eager"><img src="//coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&amp;width=480" alt="Cool Components" srcset="//coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&amp;width=352 352w, //coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&amp;width=480 480w" width="480" height="114" loading="eager"> </picture> </span></a></h1></div> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/predictive-search.css?v=48813712353353719891715672870"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/predictive-search.js?v=158424367886238494141715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/tabs.js?v=135558236254064818051715672871" defer="defer"></script><div class="header__search relative js-closes-menu"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/search-suggestions.css?v=50270288864590332791715672871" media="print" onload="this.media='all'"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/product-type-search.css?v=153328044068475290231715672871" rel="stylesheet" type="text/css" media="all" /> <predictive-search class="block" data-loading-text="Loading..."><form class="search relative search--speech search--product-types" role="search" action="/search" method="get"> <label class="label visually-hidden" for="header-search">Search</label> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/search-form.js?v=43677551656194261111715672871" defer="defer"></script> <search-form class="search__form block"> <input type="hidden" name="options[prefix]" value="last"> <input type="search" class="search__input w-full input js-search-input" id="header-search" name="q" placeholder="Search for products" data-placeholder-one="Search for products" data-placeholder-two="Search for brands" data-placeholder-three="Search for ideas" data-placeholder-prompts-mob="false" data-typing-speed="100" data-deleting-speed="60" data-delay-after-deleting="500" data-delay-before-first-delete="2000" data-delay-after-word-typed="2400" role="combobox" autocomplete="off" aria-autocomplete="list" aria-controls="predictive-search-results" aria-owns="predictive-search-results" aria-haspopup="listbox" aria-expanded="false" spellcheck="false"> <custom-select id="product_types" class="search__product-types absolute left-0 top-0 bottom-0 js-search-product-types"><label class="label visually-hidden no-js-hidden" for="product_types-button">Product type</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button" aria-expanded="false" aria-haspopup="listbox" id="product_types-button" > <span class="text-start">All</span> <svg width="20" height="20" viewBox="0 0 24 24" class="icon" role="presentation" focusable="false" aria-hidden="true"> <path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/> </svg> </button> <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1" aria-hidden="true" hidden><li class="custom-select__option js-option" id="product_types-opt-default" role="option" data-value=""> <span class="pointer-events-none">All</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-0" role="option" data-value="3D Printing" > <span class="pointer-events-none">3D Printing</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-1" role="option" data-value="Acceleration" > <span class="pointer-events-none">Acceleration</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-2" role="option" data-value="Accessories" > <span class="pointer-events-none">Accessories</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-3" role="option" data-value="Accessories and Breakout Boards" > <span class="pointer-events-none">Accessories and Breakout Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-4" role="option" data-value="Active Components" > <span class="pointer-events-none">Active Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-5" role="option" data-value="Antenna" > <span class="pointer-events-none">Antenna</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-6" role="option" data-value="Arduino" > <span class="pointer-events-none">Arduino</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-7" role="option" data-value="ARM Processor Based" > <span class="pointer-events-none">ARM Processor Based</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-8" role="option" data-value="Atmospheric" > <span class="pointer-events-none">Atmospheric</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-9" role="option" data-value="Audio" > <span class="pointer-events-none">Audio</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-10" role="option" data-value="AVR Processor Based" > <span class="pointer-events-none">AVR Processor Based</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-11" role="option" data-value="Batteries" > <span class="pointer-events-none">Batteries</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-12" role="option" data-value="Biometric" > <span class="pointer-events-none">Biometric</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-13" role="option" data-value="Bluetooth" > <span class="pointer-events-none">Bluetooth</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-14" role="option" data-value="Books" > <span class="pointer-events-none">Books</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-15" role="option" data-value="Boxes" > <span class="pointer-events-none">Boxes</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-16" role="option" data-value="Breadboards" > <span class="pointer-events-none">Breadboards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-17" role="option" data-value="Breakout Boards" > <span class="pointer-events-none">Breakout Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-18" role="option" data-value="Buttons" > <span class="pointer-events-none">Buttons</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-19" role="option" data-value="Cables and Adapters" > <span class="pointer-events-none">Cables and Adapters</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-20" role="option" data-value="Cameras" > <span class="pointer-events-none">Cameras</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-21" role="option" data-value="Chargers" > <span class="pointer-events-none">Chargers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-22" role="option" data-value="Compass" > <span class="pointer-events-none">Compass</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-23" role="option" data-value="Component" > <span class="pointer-events-none">Component</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-24" role="option" data-value="Components" > <span class="pointer-events-none">Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-25" role="option" data-value="Conductive Ink" > <span class="pointer-events-none">Conductive Ink</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-26" role="option" data-value="Connectors" > <span class="pointer-events-none">Connectors</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-27" role="option" data-value="Consumable" > <span class="pointer-events-none">Consumable</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-28" role="option" data-value="Cortex Dev Boards" > <span class="pointer-events-none">Cortex Dev Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-29" role="option" data-value="Current" > <span class="pointer-events-none">Current</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-30" role="option" data-value="Derivative Boards" > <span class="pointer-events-none">Derivative Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-31" role="option" data-value="Dev Boards" > <span class="pointer-events-none">Dev Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-32" role="option" data-value="di" > <span class="pointer-events-none">di</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-33" role="option" data-value="Education" > <span class="pointer-events-none">Education</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-34" role="option" data-value="EL" > <span class="pointer-events-none">EL</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-35" role="option" data-value="Electron" > <span class="pointer-events-none">Electron</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-36" role="option" data-value="Electronic" > <span class="pointer-events-none">Electronic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-37" role="option" data-value="ePaper" > <span class="pointer-events-none">ePaper</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-38" role="option" data-value="Fabric and Thread" > <span class="pointer-events-none">Fabric and Thread</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-39" role="option" data-value="Feather" > <span class="pointer-events-none">Feather</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-40" role="option" data-value="Gadgeteer" > <span class="pointer-events-none">Gadgeteer</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-41" role="option" data-value="GPRS Cellular" > <span class="pointer-events-none">GPRS Cellular</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-42" role="option" data-value="GPS" > <span class="pointer-events-none">GPS</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-43" role="option" data-value="Grove" > <span class="pointer-events-none">Grove</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-44" role="option" data-value="Hand Tools" > <span class="pointer-events-none">Hand Tools</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-45" role="option" data-value="Hardware" > <span class="pointer-events-none">Hardware</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-46" role="option" data-value="Infra Red" > <span class="pointer-events-none">Infra Red</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-47" role="option" data-value="Intel Edison" > <span class="pointer-events-none">Intel Edison</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-48" role="option" data-value="Kits" > <span class="pointer-events-none">Kits</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-49" role="option" data-value="LCD Displays" > <span class="pointer-events-none">LCD Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-50" role="option" data-value="LED Displays" > <span class="pointer-events-none">LED Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-51" role="option" data-value="LEDs" > <span class="pointer-events-none">LEDs</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-52" role="option" data-value="LilyPad" > <span class="pointer-events-none">LilyPad</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-53" role="option" data-value="Logging Devices" > <span class="pointer-events-none">Logging Devices</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-54" role="option" data-value="Micro:bit" > <span class="pointer-events-none">Micro:bit</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-55" role="option" data-value="Motion Controllers" > <span class="pointer-events-none">Motion Controllers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-56" role="option" data-value="Motors" > <span class="pointer-events-none">Motors</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-57" role="option" data-value="OLED Displays" > <span class="pointer-events-none">OLED Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-58" role="option" data-value="Original Boards" > <span class="pointer-events-none">Original Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-59" role="option" data-value="Other" > <span class="pointer-events-none">Other</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-60" role="option" data-value="Passive Components" > <span class="pointer-events-none">Passive Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-61" role="option" data-value="PCB Fabrication" > <span class="pointer-events-none">PCB Fabrication</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-62" role="option" data-value="Position" > <span class="pointer-events-none">Position</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-63" role="option" data-value="Potentiometer" > <span class="pointer-events-none">Potentiometer</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-64" role="option" data-value="Power" > <span class="pointer-events-none">Power</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-65" role="option" data-value="Programmers" > <span class="pointer-events-none">Programmers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-66" role="option" data-value="Prototyping" > <span class="pointer-events-none">Prototyping</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-67" role="option" data-value="Qwiic" > <span class="pointer-events-none">Qwiic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-68" role="option" data-value="Raspberry Pi" > <span class="pointer-events-none">Raspberry Pi</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-69" role="option" data-value="Raspberry Pi Boards" > <span class="pointer-events-none">Raspberry Pi Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-70" role="option" data-value="Raspberry Pi Enclosures" > <span class="pointer-events-none">Raspberry Pi Enclosures</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-71" role="option" data-value="Raspberry Pi Kits" > <span class="pointer-events-none">Raspberry Pi Kits</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-72" role="option" data-value="RFID" > <span class="pointer-events-none">RFID</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-73" role="option" data-value="Robot" > <span class="pointer-events-none">Robot</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-74" role="option" data-value="Sensor" > <span class="pointer-events-none">Sensor</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-75" role="option" data-value="Shields" > <span class="pointer-events-none">Shields</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-76" role="option" data-value="Smart Home" > <span class="pointer-events-none">Smart Home</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-77" role="option" data-value="Soldering" > <span class="pointer-events-none">Soldering</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-78" role="option" data-value="Sound" > <span class="pointer-events-none">Sound</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-79" role="option" data-value="speaker" > <span class="pointer-events-none">speaker</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-80" role="option" data-value="STEMMA QT" > <span class="pointer-events-none">STEMMA QT</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-81" role="option" data-value="Switches" > <span class="pointer-events-none">Switches</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-82" role="option" data-value="Tags" > <span class="pointer-events-none">Tags</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-83" role="option" data-value="Temperature and Pressure" > <span class="pointer-events-none">Temperature and Pressure</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-84" role="option" data-value="TFT Display" > <span class="pointer-events-none">TFT Display</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-85" role="option" data-value="Tools" > <span class="pointer-events-none">Tools</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-86" role="option" data-value="Touch" > <span class="pointer-events-none">Touch</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-87" role="option" data-value="Ultrasonic" > <span class="pointer-events-none">Ultrasonic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-88" role="option" data-value="Visible Light" > <span class="pointer-events-none">Visible Light</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-89" role="option" data-value="Wearable" > <span class="pointer-events-none">Wearable</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-90" role="option" data-value="Wheel" > <span class="pointer-events-none">Wheel</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-91" role="option" data-value="WiFi" > <span class="pointer-events-none">WiFi</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-92" role="option" data-value="Wireless" > <span class="pointer-events-none">Wireless</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-93" role="option" data-value="Writers" > <span class="pointer-events-none">Writers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-94" role="option" data-value="Zigbee" > <span class="pointer-events-none">Zigbee</span> </li></ul> </div></custom-select> <input type="hidden" id="product_type_input" name="filter.p.product_type"/><button type="button" class="search__reset text-current vertical-center absolute focus-inset js-search-reset" hidden> <span class="visually-hidden">Reset</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button><speech-search-button class="search__speech focus-inset right-0 hidden" tabindex="0" title="Search by voice" style="--speech-icon-color: #6dae1e"> <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path fill="currentColor" d="M17.3 11c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72m-8.2-6.1c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2-.66 0-1.2-.54-1.2-1.2M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3 3 3 0 0 0-3 3v6a3 3 0 0 0 3 3Z"/></svg> </speech-search-button> <link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/speech-search.css?v=47207760375520952331715672871" rel="stylesheet" type="text/css" media="all" /> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/speech-search.js?v=106462966657620737681715672871" defer="defer"></script></search-form><div class="js-search-results" tabindex="-1" data-predictive-search></div> <span class="js-search-status visually-hidden" role="status" aria-hidden="true"></span></form> <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-search-overlay"></div></predictive-search> </div><div class="header__icons flex justify-end mis-auto js-closes-menu"><a class="header__icon text-current" href="/account/login"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.429a3.571 3.571 0 1 0 0 7.142 3.571 3.571 0 0 0 0-7.142zm0 10c2.558 0 5.114.471 7.664 1.411A3.571 3.571 0 0 1 22 18.19v3.096c0 .394-.32.714-.714.714H2.714A.714.714 0 0 1 2 21.286V18.19c0-1.495.933-2.833 2.336-3.35 2.55-.94 5.106-1.411 7.664-1.411zm0 1.428c-2.387 0-4.775.44-7.17 1.324a2.143 2.143 0 0 0-1.401 2.01v2.38H20.57v-2.38c0-.898-.56-1.7-1.401-2.01-2.395-.885-4.783-1.324-7.17-1.324z"/></svg> <span class="visually-hidden">Log in</span> </a><a class="header__icon relative text-current" id="cart-icon" href="/cart" data-no-instant><svg width="24" height="24" viewBox="0 0 24 24" class="icon icon--cart" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M17 18a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1V2m6 16a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7 2.78-5H6.14l2.36 5H16Z"/></svg><span class="visually-hidden">Cart</span><div id="cart-icon-bubble"></div> </a> </div><main-menu class="main-menu" data-menu-sensitivity="200"> <details class="main-menu__disclosure has-motion" open> <summary class="main-menu__toggle md:hidden"> <span class="main-menu__toggle-icon" aria-hidden="true"></span> <span class="visually-hidden">Menu</span> </summary> <div class="main-menu__content has-motion justify-between"><nav aria-label="Primary"> <ul class="main-nav"><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/arduino"> ARDUINO<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/arduino" class="main-nav__item child-nav__item large-text main-nav__item-header">ARDUINO</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/arduino">All Arduino</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-original-boards">Original Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-derivative-boards">Derivative Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-boards">All Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-shields">Shields</a></li><li><a class="main-nav__item child-nav__item" href="/collections/teensy">Teensy</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/micro-bit"> micro:bit<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/micro-bit" class="main-nav__item child-nav__item large-text main-nav__item-header">micro:bit</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit">All micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-add-ons">Add-ons</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit-cases">Cases</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-connectors-adapters">Connectors &amp; Adaptors</a></li><li><a class="main-nav__item child-nav__item" href="/collections/stem-micro-bit">STEM Education</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/raspberry-pi"> RASPBERRY PI<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/raspberry-pi" class="main-nav__item child-nav__item large-text main-nav__item-header">RASPBERRY PI</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi">All Raspberry Pi</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-accessories-and-breakout-boards">Accessories &amp; Breakout Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-boards">Raspberry Pi Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-pico-products">Raspberry Pi Pico</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-cases">Cases</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-hats">HATs</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-kits">Kits</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> COMPONENTS<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">COMPONENTS</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/components">All Components</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/sensors" data-no-instant>Sensors<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/acceleration-sensors">Acceleration</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/atmospheric-sensors">Atmospheric</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/biometric-sensors">Biometric</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/compass-sensors">Compass</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/current-sensors">Current</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/gyro-sensors">Gyro</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/infra-red-sensors">Infra Red</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/position-sensors">Position</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/sound-sensors">Sound</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/temperature-pressure-sensors">Temperature &amp; Pressure</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/touch-sensors">Touch</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/ultrasonic-sensors">Ultrasonic</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/visible-light-sensors">Visible Light</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/sensors" class="main-nav__item--go">Go to Sensors<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/active-components">Active Components</a></li><li><a class="main-nav__item child-nav__item" href="/collections/passive-components">Passive Components</a></li><li><a class="main-nav__item child-nav__item" href="/collections/audio">Audio</a></li><li><a class="main-nav__item child-nav__item" href="/collections/component-buttons">Buttons</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Cases/Enclosures<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/cases-enclosures">All Cases/Enclosures</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit-cases">BBC micro:bit Cases</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-cases">Cool Components Cases</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/raspberry-pi-cases">Raspberry Pi Cases</a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/prototyping-connectors">Connectors</a></li><li><a class="main-nav__item child-nav__item" href="/collections/cool-components-led-range">Cool Components LEDs</a></li><li><a class="main-nav__item child-nav__item" href="/collections/gps">GPS/GPRS</a></li><li><a class="main-nav__item child-nav__item" href="/collections/leds">LEDs</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/opto-displays" data-no-instant>Opto &amp; Displays<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/opto-displays">All Opto &amp; Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cameras">Cameras</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/electroluminescence-el">Electroluminescence (EL)</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/epaper-displays">ePaper Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/lcd-displays">LCD Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/led-displays">LED Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/oled-displays">OLED Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/leds">LEDs</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/led-strips">LED Strips</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/opto-displays-other">Other</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/opto-displays" class="main-nav__item--go">Go to Opto &amp; Displays<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/rfid">RFID</a></li><li><a class="main-nav__item child-nav__item" href="/collections/component-switches">Switches</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> DEVELOPMENT<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">DEVELOPMENT</a> </li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/dev-boards" data-no-instant>Dev Boards<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/dev-boards">All Dev Boards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/arm-processor-based-dev-boards">ARM Processor Based</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit">BBC micro:bit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/beaglebone-dev-boards">BeagleBone</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micropython">MicroPython</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/teensy">Teensy</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/other-dev-boards">Other Dev Boards</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/dev-boards" class="main-nav__item--go">Go to Dev Boards<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/prototyping" data-no-instant>Prototyping<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping">All Prototyping</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-breadboards">Breadboards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-breakout-boards">Breakout Boards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-connectors">Connectors</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-data-storage">Data Storage</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-grove">Grove</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-kits">Kits</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/qwiic-connect-system">Qwiic Connect System</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/prototyping" class="main-nav__item--go">Go to Prototyping<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/wearables" data-no-instant>Wearables<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables">All Wearables</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-accessories">Accessories</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-fabric-thread">Fabric &amp; Thread</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-flora">Flora</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-lilypad">Lilypad</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/wearables" class="main-nav__item--go">Go to Wearables<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/wireless" data-no-instant>Wireless<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless">All Wireless</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-antenna">Antenna</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-bluetooth">Bluetooth</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-esp8266">ESP32/ESP8266</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-wifi">WiFi</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/wireless" class="main-nav__item--go">Go to Wireless<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> STEM<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">STEM</a> </li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/pages/stem" data-no-instant>STEM Education<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/pages/stem">All STEM</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-lesson-packs">Activity &amp; Lesson Packs</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/pages/primary-education">Primary School</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/pages/secondary-education">Secondary School</a> </li><li class="col-start-1 col-end-3"> <a href="/pages/stem" class="main-nav__item--go">Go to STEM Education<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/education">All Education</a></li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit">BBC micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="/collections/books">Books</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-conductive-ink">Conductive Ink</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-robotics">Robotics</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/kits"> KITS<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/kits" class="main-nav__item child-nav__item large-text main-nav__item-header">KITS</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-kits">Arduino</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-bundles">BBC micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/collections/cool-components-kits">Cool Components Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-kits">Educational</a></li><li><a class="main-nav__item child-nav__item" href="/collections/grove-kits">Grove</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-kits">Raspberry Pi</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-zero-w-bundles">Raspberry Pi Zero</a></li><li><a class="main-nav__item child-nav__item" href="/collections/robotics-kits">Robotics</a></li><li><a class="main-nav__item child-nav__item" href="/collections/wearable-kits">Wearables</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/gaming"> GAMING<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/gaming" class="main-nav__item child-nav__item large-text main-nav__item-header">GAMING</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/retropie-gaming">RetroPie Gaming</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> MORE<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">MORE</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/currently-on-sale">Sale</a></li><li><a class="main-nav__item child-nav__item" href="/collections/new-products">New Products</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Brands<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/arduino">Arduino</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/adafruit-products">Adafruit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit">BBC micro:bit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-products">Cool Components</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/dobot">Dobot</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/elecfreaks-products">ElecFreaks</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/kitronik">Kitronik</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/pimoroni">Pimoroni</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/pololu-products">Pololu</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/raspberry-pi">Raspberry Pi</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/seeed-products">Seeed</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/sparkfun-products">Sparkfun</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/teensy">Teensy</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Power &amp; Tools<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/batteries">Batteries</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/battery-charger-accessories">Battery &amp; Charger Accessories</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cables-adapters">Cables &amp; Adapters</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/chargers">Chargers</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/tools">Tools</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Robotics<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics">All Robotics</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/educational-robotics">Educational Robotics</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics-motion-controllers">Motion Controllers</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics-motors">Motors</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotic-arms">Robotic Arms</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Other<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/3d-printing">3D Printing</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cnc-machines-accessories">CNC Machines &amp; Parts</a> </li></ul> </div> </details> </nav-menu></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/pages/help-faq"> HELP<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/pages/help-faq" class="main-nav__item child-nav__item large-text main-nav__item-header">HELP</a> </li><li><a class="main-nav__item child-nav__item" href="/pages/help-faq">Help &amp; FAQs</a></li><li><a class="main-nav__item child-nav__item" href="/pages/about-us">About Us</a></li><li><a class="main-nav__item child-nav__item" href="/pages/contact-us">Contact Us</a></li><li><a class="main-nav__item child-nav__item" href="/blogs/news">Blog</a></li><li><a class="main-nav__item child-nav__item" href="/pages/customer-reviews">Customer Reviews</a></li><li><a class="main-nav__item child-nav__item" href="/pages/delivery-information">Delivery Information</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/blogs/news/tagged/guide">Guides</a></li><li><a class="main-nav__item child-nav__item" href="/pages/privacy-policy">Privacy Policy</a></li><li><a class="main-nav__item child-nav__item" href="/pages/procurement">Procurement</a></li><li><a class="main-nav__item child-nav__item" href="/pages/product-recall">Product Recall</a></li><li><a class="main-nav__item child-nav__item" href="/pages/recycling-commitment">Recycling Commitment</a></li><li><a class="main-nav__item child-nav__item" href="/pages/returns-policy">Returns Policy</a></li><li><a class="main-nav__item child-nav__item" href="/pages/schools-universities">Schools &amp; Universities</a></li><li><a class="main-nav__item child-nav__item" href="/pages/terms-conditions">Terms &amp; Conditions</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/blogs/news/tagged/tutorial">Tutorials</a></li></ul></div> </details></li></ul> </nav></div> </details> </main-menu></header> </store-header> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Cool Components", "logo": "https:\/\/coolcomponents.co.uk\/cdn\/shop\/files\/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848\u0026width=501", "sameAs": [ "#","#","#","#" ], "url": "https:\/\/coolcomponents.co.uk" } </script><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Cool Components", "url": "https:\/\/coolcomponents.co.uk", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/coolcomponents.co.uk\/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> </div> <!-- END sections: header-group --><main id="main-content"><section id="shopify-section-template--15768527536189__3721924b-630b-4a60-b724-521fef7aa78e" class="shopify-section cc-icons-with-text"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/icons-with-text.css?v=67597467636249113891715672870" rel="stylesheet" type="text/css" media="all" /> <div class="icons-with-text section section--full-width section--padded-xsmall color-scheme color-scheme--1" id="template--15768527536189__3721924b-630b-4a60-b724-521fef7aa78e"> <div class="container relative"><carousel-slider class="carousel block relative" inactive> <div class="slider-nav slide-nav--inline flex justify-between absolute top-0 h-full no-js-hidden"> <button type="button" class="slider-nav__btn tap-target tap-target--left btn text-current has-ltr-icon" name="prev" aria-controls="slider-template--15768527536189__3721924b-630b-4a60-b724-521fef7aa78e"> <span class="visually-hidden">Previous</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> </button> <button type="button" class="slider-nav__btn tap-target tap-target--right btn text-current has-ltr-icon" name="next" aria-controls="slider-template--15768527536189__3721924b-630b-4a60-b724-521fef7aa78e"> <span class="visually-hidden">Next</span> <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </button> </div> <div class="slider slider--contained relative slider--no-scrollbar" id="slider-template--15768527536189__3721924b-630b-4a60-b724-521fef7aa78e"> <ul class="slider__grid grid grid-flow-col gap-theme auto-cols-1 sm:auto-cols-2 md:auto-cols-3 lg:auto-cols-4"><li class="slider__item flex justify-center items-center" data-cc-animate data-cc-animate-delay="0.07s"> <div> <svg class="icon icon--truck" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M15.64 6.92L9.5 5.12V4a.5.5 0 00-.5-.5H1a.5.5 0 00-.5.5v8.5c0 .28.22.5.5.5h1.27a2.1 2.1 0 004.06 0h3.94a2.1 2.1 0 004.06 0h1.17a.5.5 0 00.5-.5V7.4a.5.5 0 00-.36-.48zM4.3 13.6a1.1 1.1 0 110-2.2 1.1 1.1 0 010 2.2zM6.33 12a2.1 2.1 0 00-4.06 0H1.5V4.5h7V12H6.33zm5.97 1.6a1.1 1.1 0 110-2.2 1.1 1.1 0 010 2.2zM15 12h-.67a2.1 2.1 0 00-4.06 0H9.5V6.17l5.5 1.6V12z"/></svg> </div> <div class="icons-with-text__text rte"><p class="m-0 icons-with-text__title text-body-extra_small"><strong>Super Fast Shipping</strong></p><div class="rte text-body-extra_small"> <p>Free for orders over £200*</p> </div></div> </li><li class="slider__item flex justify-center items-center" data-cc-animate data-cc-animate-delay="0.14s"> <div> <svg class="icon icon--box" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M14.41 3.37L8.27 1.41a1 1 0 00-.61 0L1.52 3.37a1 1 0 00-.7.95v7.86c0 .41.25.78.63.93l6.14 2.46c.24.1.5.1.75 0l6.14-2.46a1 1 0 00.62-.93V4.32a1 1 0 00-.69-.95zM7.96 2.36l6.05 1.93-2.7.9L5.35 3.2l2.63-.84zm-.46 12.1l-5.68-2.28V5.3L7.5 7.2v7.26zM8 6.3L1.96 4.28l2.58-.82 5.99 2L8 6.3zm6.1 5.89l-5.6 2.24V7.19l5.6-1.87v6.87z"/></svg> </div> <div class="icons-with-text__text rte"><p class="m-0 icons-with-text__title text-body-extra_small"><strong>2000+ Products</strong></p><div class="rte text-body-extra_small"> <p>All in one place</p> </div></div> </li><li class="slider__item flex justify-center items-center" data-cc-animate data-cc-animate-delay="0.21s"> <div> <svg class="icon icon--chat_bubble" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M11.3 13.02a6 6 0 111.72-1.72L14 14l-2.7-.98zm2.82-1.62a7 7 0 10-2.72 2.72l2.26.82a1 1 0 001.28-1.28l-.82-2.26z"/> <path fill="currentColor" d="M4.9 9.16c.52 0 .86-.36.86-.85 0-.5-.34-.85-.87-.85-.52 0-.86.36-.86.85 0 .5.34.85.86.85zM7.88 9.16c.53 0 .87-.36.87-.85 0-.5-.34-.85-.87-.85-.52 0-.87.36-.87.85 0 .5.35.85.87.85zM10.87 9.16c.52 0 .87-.36.87-.85 0-.5-.35-.85-.87-.85s-.87.36-.87.85c0 .5.35.85.87.85z"/></svg> </div> <div class="icons-with-text__text rte"><p class="m-0 icons-with-text__title text-body-extra_small"><strong>Friendly Expert Support</strong></p><div class="rte text-body-extra_small"> <p>1000+ Customer Reviews</p> </div></div> </li><li class="slider__item flex justify-center items-center" data-cc-animate data-cc-animate-delay="0.28s"> <div> <svg class="icon icon--lock" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M7.48 10.57v1.83a.5.5 0 001 0v-1.81a1.1 1.1 0 10-1-.02z"/> <path fill="currentColor" d="M13.15 5.66h-2.08V3.79a3.7 3.7 0 00-.8-2.3C9.76.88 8.98.5 8 .5c-.98 0-1.76.37-2.29 1a3.7 3.7 0 00-.79 2.3v1.86H2.83a.5.5 0 00-.5.5V15c0 .28.23.5.5.5h10.32a.5.5 0 00.5-.5V6.16a.5.5 0 00-.5-.5zM5.9 3.92v-.08-.02c.03-.7.22-1.28.56-1.68.32-.39.81-.64 1.52-.64s1.2.26 1.52.64c.34.4.54.98.56 1.68v1.84H5.91V3.92zm6.74 10.58H3.33V6.66h9.32v7.84z"/></svg> </div> <div class="icons-with-text__text rte"><p class="m-0 icons-with-text__title text-body-extra_small"><strong>Secure Payments</strong></p><div class="rte text-body-extra_small"> <p>Checkout with peace of mind</p> </div></div> </li></ul> </div> </carousel-slider> </div> </div> </section><section id="shopify-section-template--15768527536189__logo_list_aAK9QX" class="shopify-section cc-logo-list"><style data-shopify>#section-template--15768527536189__logo_list_aAK9QX .logo-list { column-gap: 32px; } @media (max-width: 769px) { #section-template--15768527536189__logo_list_aAK9QX .logo-list { column-gap: 21.12px; } } @media (max-width: 600px) { #section-template--15768527536189__logo_list_aAK9QX .logo-list { column-gap: 10.56px; } } #block-logo_hqkphg { width: 225px; } #block-logo_jDPg6V { width: 120px; } #block-logo_fKajjD { width: 120px; } #block-logo_GYakaF { width: 120px; } #block-logo_jr9YcG { width: 120px; } #block-logo_kBByJU { width: 120px; } #block-logo_fQRiKG { width: 120px; } #block-logo_hgQFgN { width: 120px; } #section-template--15768527536189__logo_list_aAK9QX .logo-list { grid-template-columns: 225px 120px 120px 120px 120px 120px 120px 120px ; }</style><div class="section relative section--padded section--full-width" id="section-template--15768527536189__logo_list_aAK9QX"><div class="container"> <div class="section__header items-center flex flex-col text-center gap-x-theme" data-cc-animate><h2 class="h4 section__heading mb-0 flex-auto text-center">All the products from your favourite brands!</h2></div> </div><carousel-slider class="carousel block lg:overflow-hidden" inactive> <div class="container"> <div class="slider" id="slider-template--15768527536189__logo_list_aAK9QX"><div class="container"> <ul class="logo-list slider__grid grid gap-x-theme gap-y-theme" role="list"><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.07s"> <div class="logo-list__logo w-full text-center" id="block-logo_hqkphg"><a class="logo-list__logo-link block" href="/collections/raspberry-pi"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-approved-reseller-logo.webp?v=1740503247&width=225, //coolcomponents.co.uk/cdn/shop/files/raspberry-pi-approved-reseller-logo.webp?v=1740503247&width=450 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-approved-reseller-logo.webp?v=1740503247&width=450" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="450" height="105" alt="Raspberry Pi approved reseller logo."><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-approved-reseller-logo.webp?v=1740503247&width=450" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="450" height="105" alt="Raspberry Pi approved reseller logo."> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.14s"> <div class="logo-list__logo w-full text-center" id="block-logo_jDPg6V"><a class="logo-list__logo-link block" href="/collections/arduino"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/Colored-Stacked2025.png?v=1739289499&width=120, //coolcomponents.co.uk/cdn/shop/files/Colored-Stacked2025.png?v=1739289499&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/Colored-Stacked2025.png?v=1739289499&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="190" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/Colored-Stacked2025.png?v=1739289499&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="190" alt=""> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.21s"> <div class="logo-list__logo w-full text-center" id="block-logo_fKajjD"><a class="logo-list__logo-link block" href="/collections/sparkfun-products"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/sparkfun_288x130_03804cc2-926d-435f-89da-f19064eaf559.png?v=1717585735&width=120, //coolcomponents.co.uk/cdn/shop/files/sparkfun_288x130_03804cc2-926d-435f-89da-f19064eaf559.png?v=1717585735&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/sparkfun_288x130_03804cc2-926d-435f-89da-f19064eaf559.png?v=1717585735&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="108" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/sparkfun_288x130_03804cc2-926d-435f-89da-f19064eaf559.png?v=1717585735&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="108" alt=""> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.28s"> <div class="logo-list__logo w-full text-center" id="block-logo_GYakaF"><a class="logo-list__logo-link block" href="/collections/adafruit-products"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/adafruit_290x99_2f1bbfb5-ee76-4377-b402-1a2f9ed2fd94.png?v=1717585735&width=120, //coolcomponents.co.uk/cdn/shop/files/adafruit_290x99_2f1bbfb5-ee76-4377-b402-1a2f9ed2fd94.png?v=1717585735&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/adafruit_290x99_2f1bbfb5-ee76-4377-b402-1a2f9ed2fd94.png?v=1717585735&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="82" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/adafruit_290x99_2f1bbfb5-ee76-4377-b402-1a2f9ed2fd94.png?v=1717585735&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="82" alt=""> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.35s"> <div class="logo-list__logo w-full text-center" id="block-logo_jr9YcG"><a class="logo-list__logo-link block" href="/collections/micro-bit"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/bbc-micro-bit-educational-device.webp?v=1740503256&width=120, //coolcomponents.co.uk/cdn/shop/files/bbc-micro-bit-educational-device.webp?v=1740503256&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/bbc-micro-bit-educational-device.webp?v=1740503256&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="133" alt="BBC Micro:bit educational device."><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/bbc-micro-bit-educational-device.webp?v=1740503256&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="133" alt="BBC Micro:bit educational device."> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.42s"> <div class="logo-list__logo w-full text-center" id="block-logo_kBByJU"><a class="logo-list__logo-link block" href="/collections/seeed-products"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/seeed_296x72_84d7da37-b403-46b1-ba83-8920ee83496d.png?v=1717585735&width=120, //coolcomponents.co.uk/cdn/shop/files/seeed_296x72_84d7da37-b403-46b1-ba83-8920ee83496d.png?v=1717585735&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/seeed_296x72_84d7da37-b403-46b1-ba83-8920ee83496d.png?v=1717585735&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="59" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/seeed_296x72_84d7da37-b403-46b1-ba83-8920ee83496d.png?v=1717585735&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="59" alt=""> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.49s"> <div class="logo-list__logo w-full text-center" id="block-logo_fQRiKG"><a class="logo-list__logo-link block" href="/collections/elecfreaks-products"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/elecfreaks-logo.webp?v=1740503263&width=120, //coolcomponents.co.uk/cdn/shop/files/elecfreaks-logo.webp?v=1740503263&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/elecfreaks-logo.webp?v=1740503263&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="87" alt="Elecfreaks logo."><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/elecfreaks-logo.webp?v=1740503263&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="87" alt="Elecfreaks logo."> </noscript> </a></div> </li><li class="slider__item flex items-center justify-center" data-cc-animate="fade-in" data-cc-animate-delay="0.56s"> <div class="logo-list__logo w-full text-center" id="block-logo_hgQFgN"><a class="logo-list__logo-link block" href="/collections/pololu-products"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/pololu_288x117_7af468be-dd1c-490c-a64e-67a9749d0f55.png?v=1717585735&width=120, //coolcomponents.co.uk/cdn/shop/files/pololu_288x117_7af468be-dd1c-490c-a64e-67a9749d0f55.png?v=1717585735&width=240 2x" data-src="//coolcomponents.co.uk/cdn/shop/files/pololu_288x117_7af468be-dd1c-490c-a64e-67a9749d0f55.png?v=1717585735&width=240" class="logo-list__logo-image w-auto no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="240" height="98" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/pololu_288x117_7af468be-dd1c-490c-a64e-67a9749d0f55.png?v=1717585735&width=240" loading="lazy" class="logo-list__logo-image w-auto" style="object-position: 50.0% 50.0%" width="240" height="98" alt=""> </noscript> </a></div> </li></ul> </div></div><div class="slider-nav slide-nav--inline justify-between items-center absolute top-0 h-full hidden md:flex no-js-hidden"> <button type="button" class="slider-nav__btn tap-target tap-target--left btn has-ltr-icon" name="prev" aria-controls="slider-template--15768527536189__logo_list_aAK9QX"> <span class="visually-hidden">Previous</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> </button> <button type="button" class="slider-nav__btn tap-target tap-target--right btn has-ltr-icon" name="next" aria-controls="slider-template--15768527536189__logo_list_aAK9QX"> <span class="visually-hidden">Next</span> <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </button> </div></div> </carousel-slider></div> </div> </section><section id="shopify-section-template--15768527536189__promo_grid_k6RHeA" class="shopify-section cc-gallery cc-promo-gallery"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/gallery.css?v=54397815263782878991715672870" media="print" onload="this.media='all'"><style data-shopify> .block-media_Yk8e77 .media::after { background-color: rgba(0, 0, 0, 0.05); } .block-media_rrBRVY .media::after { background-color: rgba(0, 0, 0, 0.05); } .block-media_CypQKg .media::after { background-color: rgba(0, 0, 0, 0.05); } .block-media_gpFxBk .media::after { background-color: rgba(0, 0, 0, 0.05); } #template--15768527536189__promo_grid_k6RHeA .gallery-block { --overlay-border-radius: 4px; min-height: 280px; } #template--15768527536189__promo_grid_k6RHeA .gallery-block.row-span-2, #template--15768527536189__promo_grid_k6RHeA .gallery-block.row-span-3 { min-height: 490.0px; } @media (min-width: 769px) { #template--15768527536189__promo_grid_k6RHeA .gallery-block { min-height: calc(120px + 8vw); } #template--15768527536189__promo_grid_k6RHeA .gallery-block.row-span-2 { min-height: calc(calc(120px + 8vw) * 2); } #template--15768527536189__promo_grid_k6RHeA .gallery-block.row-span-3 { min-height: calc(calc(120px + 8vw) * 3); } }</style><div class="section"> <div class="container" id="template--15768527536189__promo_grid_k6RHeA"> <div class="gallery gallery--with-gap grid sm:grid-cols-2 lg:grid-cols-4"><a href="/products/raspberry-pi-5" class="block-media_Yk8e77 block relative flex flex-col gallery-block gallery-block--stacked row-span-2 lg:col-span-2 hover:grow-media" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/green-raspberry-pi-circuit-board-730.webp?v=1742316893&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/green-raspberry-pi-circuit-board-730.webp?v=1742316893&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 120px) / 2), " data-src="//coolcomponents.co.uk/cdn/shop/files/green-raspberry-pi-circuit-board-730.webp?v=1742316893&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20533'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="533" alt="Raspberry Pi 5"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/green-raspberry-pi-circuit-board-730.webp?v=1742316893&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="533" alt="Raspberry Pi 5"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #e32b2b; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.03s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">raspberry pi 5</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">Get the latest & greatest Pi</h3></div></a> <a href="/collections/micro-bit" class="block-media_XF3NHy block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/microcontroller-board-led-matrix.webp?v=1740503284&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/microcontroller-board-led-matrix.webp?v=1740503284&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/microcontroller-board-led-matrix.webp?v=1740503284&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="800" alt="BBC micro:bit V2 - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/microcontroller-board-led-matrix.webp?v=1740503284&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="800" alt="BBC micro:bit V2 - Component"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-start" style="background-color: #1c50d2; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.06s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">micro:bit v2</p></div></div></a> <a href="/collections/grove-kits" class="block-media_QEJThm block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/electronics-components-kit.webp?v=1740503292&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/electronics-components-kit.webp?v=1740503292&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/electronics-components-kit.webp?v=1740503292&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="600" alt="Grove Starter Kit for Raspberry Pi Pico - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/electronics-components-kit.webp?v=1740503292&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="600" alt="Grove Starter Kit for Raspberry Pi Pico - Component"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #6dae1e; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.09s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">grove kits</p></div></div></a> <a href="/products/makey-makey-classic-by-joylabz" class="block-media_WQ84gQ block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-2 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/makey-invention-kit-box.webp?v=1740503308&width=480 480w" sizes="(min-width: 1328px) calc((1200px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 120px) / 2), " data-src="//coolcomponents.co.uk/cdn/shop/files/makey-invention-kit-box.webp?v=1740503308&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20480'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="480" height="480" alt="Makey Makey invention kit box."><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/makey-invention-kit-box.webp?v=1740503308&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="480" height="480" alt="Makey Makey invention kit box."> </noscript> </div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">turn everyday objects into touchpads</h3></div></a> <a href="/collections/circuit-scribe-products" class="block-media_7nCx69 block relative flex flex-col gallery-block gallery-block--stacked row-span-2 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/circuit-scribe-conductive-ink-maker-kit-bis-hidden-contains-lithium-education-electroninks-cool-components_416.jpg?v=1555492833&width=480 480w, //coolcomponents.co.uk/cdn/shop/products/circuit-scribe-conductive-ink-maker-kit-bis-hidden-contains-lithium-education-electroninks-cool-components_416.jpg?v=1555492833&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/products/circuit-scribe-conductive-ink-maker-kit-bis-hidden-contains-lithium-education-electroninks-cool-components_416.jpg?v=1555492833&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20533'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="533" alt="Circuit Scribe Conductive Ink Maker Kit - Education"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/circuit-scribe-conductive-ink-maker-kit-bis-hidden-contains-lithium-education-electroninks-cool-components_416.jpg?v=1555492833&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="533" alt="Circuit Scribe Conductive Ink Maker Kit - Education"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #1c50d2; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.15s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">conductive ink</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">get creative!</h3></div></a> <a href="/products/arduino-nano-esp32-without-headers" class="block-media_F8VXMx block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-2 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/electronics-workbench-components.webp?v=1740503299&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/electronics-workbench-components.webp?v=1740503299&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 120px) / 2), " data-src="//coolcomponents.co.uk/cdn/shop/files/electronics-workbench-components.webp?v=1740503299&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="600" alt="Arduino Nano ESP32 (without headers)"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/electronics-workbench-components.webp?v=1740503299&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="600" alt="Arduino Nano ESP32 (without headers)"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #1c50d2; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.18s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">arduino nano esp32</p></div></div></a> <a href="/products/reterminal-embedded-linux-with-raspberry-pi-cm4-and-5-inch-capacitive-multi-touch-screen" class="block-media_rrBRVY block relative flex flex-col gallery-block gallery-block--stacked row-span-2 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/reterminal-embedded-linux-with-raspberry-pi-cm4-and-5-inch-capacitive-multi-touch-screen-robotics-wifi-wireless-component-seeed-studios-cool-components-888.jpg?v=1631012194&width=480 480w, //coolcomponents.co.uk/cdn/shop/products/reterminal-embedded-linux-with-raspberry-pi-cm4-and-5-inch-capacitive-multi-touch-screen-robotics-wifi-wireless-component-seeed-studios-cool-components-888.jpg?v=1631012194&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/products/reterminal-embedded-linux-with-raspberry-pi-cm4-and-5-inch-capacitive-multi-touch-screen-robotics-wifi-wireless-component-seeed-studios-cool-components-888.jpg?v=1631012194&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="600" alt="reTerminal - Embedded Linux with Raspberry Pi CM4 and 5-Inch Capacitive Multi-Touch Screen - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/reterminal-embedded-linux-with-raspberry-pi-cm4-and-5-inch-capacitive-multi-touch-screen-robotics-wifi-wireless-component-seeed-studios-cool-components-888.jpg?v=1631012194&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="600" alt="reTerminal - Embedded Linux with Raspberry Pi CM4 and 5-Inch Capacitive Multi-Touch Screen - Component"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #333333; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.21s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">reTerminal</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">Linux OS & 5-inch screen</h3></div></a> <a href="/products/raspberry-pi-a2-class-sd-cards-32gb-64gb" class="block-media_CypQKg block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-a2-class-sd-cards-32gb-64gb-64gb-cool-components-784.jpg?v=1728042636&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/raspberry-pi-a2-class-sd-cards-32gb-64gb-64gb-cool-components-784.jpg?v=1728042636&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-a2-class-sd-cards-32gb-64gb-64gb-cool-components-784.jpg?v=1728042636&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20536'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="536" alt="Raspberry Pi A2-Class SD Cards (32GB &amp; 64GB) - 64GB"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/raspberry-pi-a2-class-sd-cards-32gb-64gb-64gb-cool-components-784.jpg?v=1728042636&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="536" alt="Raspberry Pi A2-Class SD Cards (32GB &amp; 64GB) - 64GB"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #e32b2b; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.24s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">official sd cards</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">for raspberry pi</h3></div></a> <a href="/products/raspberry-pi-hq-camera-m12-mount" class="block-media_gpFxBk block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/raspberry-pi-hq-camera-m12-mount-cameras-cool-components-432.jpg?v=1673254816&width=480 480w, //coolcomponents.co.uk/cdn/shop/products/raspberry-pi-hq-camera-m12-mount-cameras-cool-components-432.jpg?v=1673254816&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/products/raspberry-pi-hq-camera-m12-mount-cameras-cool-components-432.jpg?v=1673254816&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20534'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="534" alt="Raspberry Pi HQ Camera - M12 mount"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/raspberry-pi-hq-camera-m12-mount-cameras-cool-components-432.jpg?v=1673254816&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="534" alt="Raspberry Pi HQ Camera - M12 mount"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--opaque text-center" style="background-color: #e32b2b; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.27s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">HQ camera</p></div></div></a> </div> </div> </div> </section><section id="shopify-section-template--15768527536189__promo_grid_DMUYkR" class="shopify-section cc-gallery cc-promo-gallery"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/gallery.css?v=54397815263782878991715672870" media="print" onload="this.media='all'"><style data-shopify> .block-media_xYgGX3 .media::after { background-color: rgba(0, 0, 0, 0.3); } #template--15768527536189__promo_grid_DMUYkR .gallery-block { --overlay-border-radius: 4px; min-height: 280px; } #template--15768527536189__promo_grid_DMUYkR .gallery-block.row-span-2, #template--15768527536189__promo_grid_DMUYkR .gallery-block.row-span-3 { min-height: 490.0px; } @media (min-width: 769px) { #template--15768527536189__promo_grid_DMUYkR .gallery-block { min-height: calc(180px + 8vw); } #template--15768527536189__promo_grid_DMUYkR .gallery-block.row-span-2 { min-height: calc(calc(180px + 8vw) * 2); } #template--15768527536189__promo_grid_DMUYkR .gallery-block.row-span-3 { min-height: calc(calc(180px + 8vw) * 3); } }</style><div class="section"> <div class="container" id="template--15768527536189__promo_grid_DMUYkR"> <div class="gallery gallery--with-gap grid sm:grid-cols-2 lg:grid-cols-4"><a href="/products/circuitmess-batmobile-kit" class="block-media_KCEa6e block relative flex flex-col gallery-block gallery-block--stacked row-span-2 lg:col-span-2 hover:grow-media" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/circuitmess-batmobile-toy.webp?v=1740503383&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/circuitmess-batmobile-toy.webp?v=1740503383&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 120px) / 2), " data-src="//coolcomponents.co.uk/cdn/shop/files/circuitmess-batmobile-toy.webp?v=1740503383&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="800" height="800" alt="CircuitMess Batmobile™ Kit - DIY Educational Electronics"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/circuitmess-batmobile-toy.webp?v=1740503383&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="800" height="800" alt="CircuitMess Batmobile™ Kit - DIY Educational Electronics"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--rounded gallery-block__promo-text--opaque text-center" style="background-color: #ffae07; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.03s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">Save</p><p class="relative text-current leading-none mb-2 last:mb-0 text-h3 font-heading">23%</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">CircuitMess Batmobile™ Kit - DIY Educational Electronics Kit</h3></div></a> <a href="/products/dobot-robot-linear-sliding-rail-kit" class="block-media_i6jxXb block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-end items-end card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/dobot-robot-linear-sliding-rail-kit-education-robotic-arm-robotics-cool-components-190.jpg?v=1729002406&width=480 480w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/dobot-robot-linear-sliding-rail-kit-education-robotic-arm-robotics-cool-components-190.jpg?v=1729002406&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20307'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="480" height="307" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/dobot-robot-linear-sliding-rail-kit-education-robotic-arm-robotics-cool-components-190.jpg?v=1729002406&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="480" height="307" alt=""> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--rounded gallery-block__promo-text--opaque text-center" style="background-color: #ffae07; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.06s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h3 font-heading">Save</p><p class="relative text-current leading-none text-h6 font-heading">20%</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">Dobot Robot Linear Sliding Rail</h3></div></a> <a href="https://coolcomponents.co.uk/products/picade" class="block-media_xYgGX3 block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-end items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/picade-raspberry-pi-desktop-retro-arcade-machine-gaming-gift-ideas-kits-pimoroni-cool-components_545_473x473_cfc28c37-0334-4fab-8659-88ea8c3456fb.jpg?v=1613764694&width=473 473w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/picade-raspberry-pi-desktop-retro-arcade-machine-gaming-gift-ideas-kits-pimoroni-cool-components_545_473x473_cfc28c37-0334-4fab-8659-88ea8c3456fb.jpg?v=1613764694&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20473%20473'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="473" height="473" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/picade-raspberry-pi-desktop-retro-arcade-machine-gaming-gift-ideas-kits-pimoroni-cool-components_545_473x473_cfc28c37-0334-4fab-8659-88ea8c3456fb.jpg?v=1613764694&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="473" height="473" alt=""> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--rounded gallery-block__promo-text--opaque text-center" style="background-color: #ffae07; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.09s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">Save up to</p><p class="relative text-current leading-none mb-2 last:mb-0 text-h4 font-heading">17%</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">Picade - Raspberry Pi Retro Arcade Machine</h3></div></a> <a href="/products/arduino-explore-iot-kit" class="block-media_74eVdC block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-start items-start card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/arduino-explore-iot-kit-kits-component-cool-components-945.jpg?v=1615813665&width=480 480w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/products/arduino-explore-iot-kit-kits-component-cool-components-945.jpg?v=1615813665&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="480" height="360" alt="Arduino Explore IoT Kit - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/arduino-explore-iot-kit-kits-component-cool-components-945.jpg?v=1615813665&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="480" height="360" alt="Arduino Explore IoT Kit - Component"> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--rounded gallery-block__promo-text--opaque text-center" style="background-color: #ffae07; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.12s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h6 font-heading">Save</p><p class="relative text-current leading-none mb-2 last:mb-0 text-h3 font-heading">22%</p></div></div><div class="gallery-block__text text-start mb-3 md:mb-0" data-cc-animate><h3 class="gallery_block__heading subheading-case mt-2 mb-0 h6">Arduino Explore IoT Kit</h3></div></a> <a href="https://coolcomponents.co.uk/collections/currently-on-sale" class="block-media_6aK7KR block relative flex flex-col gallery-block gallery-block--stacked row-span-1 lg:col-span-1 hover:grow-media"tabindex="-1" > <div class="gallery__text-not-padded flex-grow overflow-hidden flex relative w-full h-full justify-center items-center card__media"> <div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=480 480w, //coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=800 800w, //coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=980 980w, //coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=1200 1200w, //coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=1440 1440w" sizes="(min-width: 1328px) calc((1200px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 600px) calc((100vw - 144px) / 3), " data-src="//coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20600'%3E%3C/svg%3E" class="img-fit no-js-hidden" style="object-position: 50.0% 50.0%" loading="lazy" width="1440" height="600" alt=""><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/Untitled_design_9.png?v=1715769655&width=800" loading="lazy" class="img-fit" style="object-position: 50.0% 50.0%" width="1440" height="600" alt=""> </noscript> </div><div class="gallery-block__promo-text gallery-block__promo-text--rounded gallery-block__promo-text--opaque text-center" style="background-color: #ffae07; color: #ffffff;" data-cc-animate="zoom-in" data-cc-animate-delay="0.15s"><p class="relative text-current leading-none mb-2 last:mb-0 text-h5 font-heading">View</p><p class="relative text-current leading-none mb-2 last:mb-0 text-h2 font-heading">Sale</p></div></div></a> </div> </div> </div> </section><section id="shopify-section-template--15768527536189__testimonials_JERNA6" class="shopify-section cc-testimonials"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/slideshow.css?v=180184588443376703381715672871" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/testimonials.css?v=40197208532430827551717517099" media="print" onload="this.media='all'"><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/slideshow.js?v=3043852105322273741717517099" defer="defer"></script><style data-shopify>#template--15768527536189__testimonials_JERNA6 { --duration: 5s; --play-state: paused; }#template--15768527536189__testimonials_JERNA6 .testimonial-stars .rating__stars { --star-color: 255 174 7 }</style><div class="section-template--15768527536189__testimonials_JERNA6 section section--padded section--full-width color-scheme color-scheme--1 relative" id="template--15768527536189__testimonials_JERNA6" data-cc-animate> <div class="container md:flex justify-center"> <div class="testimonial-max-w-h6"><div class="section__header"> <h2 class="h4 text-center justify-center">Customer Reviews:</h2> </div><slide-show class="testimonials block overflow-hidden" role="region" aria-roledescription="Carousel" aria-label="Testimonials" data-autoplay="true" data-speed="5" data-transition="slide-fade"> <div class="slideshow flex relative" id="slideshow-template--15768527536189__testimonials_JERNA6" aria-live="polite" aria-atomic="true"><div class="slideshow__slide is-active w-full" role="group" aria-roledescription="Slide" aria-label="1 of 4" > <figure class="testimonial m-0 has-motion"><div class="testimonial-stars text-h6 text-center justify-center"> <div class="rating inline-block align-middle" role="img" aria-label="5 out of 5 stars"> <span class="rating__stars" aria-hidden="true" style="--rating: 5; --rating-max: 5;">★★★★★</span> </div> </div><blockquote class="testimonial__quote testimonial__quote-padded text-h6 rte text-center justify-center m-0"> <p>Easy to find, good price and prompt delivery and all the item work perfectly. Will be using Cool Components again!</p> </blockquote><div class="testimonial__author flex items-center text-center justify-center"><div class="testimonial__author-text text-center justify-center"> <p class="font-bold mb-0">Anonymous</p> <p class="mb-0">UK</p> </div> </div></figure> </div><div class="slideshow__slide w-full" role="group" aria-roledescription="Slide" aria-label="2 of 4"tabindex="-1" > <figure class="testimonial m-0 has-motion"><div class="testimonial-stars text-h6 text-center justify-center"> <div class="rating inline-block align-middle" role="img" aria-label="5 out of 5 stars"> <span class="rating__stars" aria-hidden="true" style="--rating: 5; --rating-max: 5;">★★★★★</span> </div> </div><blockquote class="testimonial__quote testimonial__quote-padded text-h6 rte text-center justify-center m-0"> <p>Excellent quality and delivery</p> </blockquote><div class="testimonial__author flex items-center text-center justify-center"><div class="testimonial__author-text text-center justify-center"> <p class="font-bold mb-0">Michael H.</p> <p class="mb-0">UK</p> </div> </div></figure> </div><div class="slideshow__slide w-full" role="group" aria-roledescription="Slide" aria-label="3 of 4"tabindex="-1" > <figure class="testimonial m-0 has-motion"><div class="testimonial-stars text-h6 text-center justify-center"> <div class="rating inline-block align-middle" role="img" aria-label="5 out of 5 stars"> <span class="rating__stars" aria-hidden="true" style="--rating: 5; --rating-max: 5;">★★★★★</span> </div> </div><blockquote class="testimonial__quote testimonial__quote-padded text-h6 rte text-center justify-center m-0"> <p>Excellent customer service had an issue with one of my parts and it was replaced very quickly.</p> </blockquote><div class="testimonial__author flex items-center text-center justify-center"><div class="testimonial__author-text text-center justify-center"> <p class="font-bold mb-0">Hamzah</p> <p class="mb-0">UK</p> </div> </div></figure> </div><div class="slideshow__slide w-full" role="group" aria-roledescription="Slide" aria-label="4 of 4"tabindex="-1" > <figure class="testimonial m-0 has-motion"><div class="testimonial-stars text-h6 text-center justify-center"> <div class="rating inline-block align-middle" role="img" aria-label="5 out of 5 stars"> <span class="rating__stars" aria-hidden="true" style="--rating: 5; --rating-max: 5;">★★★★★</span> </div> </div><blockquote class="testimonial__quote testimonial__quote-padded text-h6 rte text-center justify-center m-0"> <h5>Great Company! Excellent customer service.</h5> </blockquote><div class="testimonial__author flex items-center text-center justify-center"><div class="testimonial__author-text text-center justify-center"> <p class="font-bold mb-0">John W.</p> <p class="mb-0">UK</p> </div> </div></figure> </div></div><div class="container flex justify-center w-full pointer-events-none no-js-hidden"><div class="slideshow-pagination flex flex-wrap justify-center items-center"><button class="page-btn" data-index="0" aria-controls="slideshow-template--15768527536189__testimonials_JERNA6" aria-current="true"> <span class="visually-hidden">Load slide 1 of 4</span><svg width="30" height="30" viewBox="0 0 30 30" fill="none" class="page-btn__circle block pointer-events-none"> <circle class="page-btn__fg-circle" cx="15" cy="15" r="3.5" /> <circle class="page-btn__bg-circle" cx="15" cy="15" r="6" /> </svg></button><button class="page-btn" data-index="1" aria-controls="slideshow-template--15768527536189__testimonials_JERNA6"> <span class="visually-hidden">Load slide 2 of 4</span><svg width="30" height="30" viewBox="0 0 30 30" fill="none" class="page-btn__circle block pointer-events-none"> <circle class="page-btn__fg-circle" cx="15" cy="15" r="3.5" /> <circle class="page-btn__bg-circle" cx="15" cy="15" r="6" /> </svg></button><button class="page-btn" data-index="2" aria-controls="slideshow-template--15768527536189__testimonials_JERNA6"> <span class="visually-hidden">Load slide 3 of 4</span><svg width="30" height="30" viewBox="0 0 30 30" fill="none" class="page-btn__circle block pointer-events-none"> <circle class="page-btn__fg-circle" cx="15" cy="15" r="3.5" /> <circle class="page-btn__bg-circle" cx="15" cy="15" r="6" /> </svg></button><button class="page-btn" data-index="3" aria-controls="slideshow-template--15768527536189__testimonials_JERNA6"> <span class="visually-hidden">Load slide 4 of 4</span><svg width="30" height="30" viewBox="0 0 30 30" fill="none" class="page-btn__circle block pointer-events-none"> <circle class="page-btn__fg-circle" cx="15" cy="15" r="3.5" /> <circle class="page-btn__bg-circle" cx="15" cy="15" r="6" /> </svg></button></div><div class="slideshow-nav flex items-center"><div class="slideshow-nav__autoplay flex items-center hidden"> <button type="button" class="slideshow-nav__btn autoplay-btn btn"> <span class="pause-icon block pointer-events-none"> <span class="visually-hidden">Pause slideshow</span> <svg width="16" height="16" viewBox="0 0 8 12" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M1.2.75c-.387 0-.7.235-.7.525v9.45c0 .29.313.525.7.525.387 0 .7-.235.7-.525v-9.45c0-.29-.313-.525-.7-.525ZM6.8.75c-.387 0-.7.235-.7.525v9.45c0 .29.313.525.7.525.387 0 .7-.235.7-.525v-9.45c0-.29-.313-.525-.7-.525Z"/></svg> </span> <span class="play-icon block pointer-events-none"> <span class="visually-hidden">Play slideshow</span> <svg width="10" height="14" viewBox="0 0 10 14" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M1.482.815A1 1 0 0 0 0 1.69v10.517a1 1 0 0 0 1.525.851L10.54 7.5a1 1 0 0 0-.043-1.728L1.481.815Z"/></svg> </span> </button> </div></div></div></slide-show> </div> </div> </div> </section> </main><!-- BEGIN sections: overlay-group --> <div id="shopify-section-sections--15768528355389__cart-drawer" class="shopify-section shopify-section-group-overlay-group cc-cart-drawer"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-items.css?v=154223174805865597561715672870" media="print" onload="this.media='all'"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-drawer.js?v=14550219975028028451717517091" defer="defer"></script><cart-drawer class="drawer drawer--cart fixed top-0 right-0 flex flex-col w-full has-motion" data-name="cart-drawer" id="cart-drawer" role="dialog" aria-label="Your cart" aria-modal="true" aria-hidden="true" tabindex="-1" data-shipping-calculator="true"> <header class="drawer__header flex justify-between items-center"> <h2 class="h6 mb-0">Your cart</h2> <div class="flex items-center gap-x-theme"><button type="button" class="drawer__close-btn js-close-drawer"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> </div> </header> <div class="drawer__content drawer__content--flex flex-auto items-center drawer__empty"> <div class="cart-drawer__content grow flex items-center justify-center w-full"><form class="form" id="cart-drawer-form" action="/cart" method="post"> <cart-items id="cart-items" data-section="cart-drawer" data-empty="true"><div class="cart-empty flex flex-col justify-center items-center h-full js-cart-empty"><svg width="24" height="24" viewBox="0 0 24 24" class="icon icon--cart" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M17 18a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1V2m6 16a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7 2.78-5H6.14l2.36 5H16Z"/></svg><p>Your cart is empty</p><a class="btn btn--primary" href="/collections/all">Start shopping</a></div><p class="visually-hidden" id="cart-live-region-text" role="status" aria-live="polite"> Subtotal:£0.00 GBP </p> <p class="visually-hidden" id="cart-line-item-status" role="status" aria-live="polite" aria-hidden="true">Loading...</p><div class="alert mt-6 bg-error-bg text-error-text" id="cart-errors" role="alert" hidden></div></cart-items> </form> </div> <div id="cart-promoted-products" class="w-full cart-drawer__promoted-products-container"></div><div id="cart-drawer-media-promotion" class="cart-drawer__media-promotion-container w-full"></div> </div><div class="cart-drawer__summary relative drawer__footer cart-drawer--checkout--sticky-true cart-drawer--checkout--sticky-desktop-true cart-drawer--checkout--sticky-mobile-true"></div> <div class="overlay overlay--drawer absolute top-0 right-0 bottom-0 left-0 js-close"></div> </cart-drawer> </div><div id="shopify-section-sections--15768528355389__product-compare" class="shopify-section shopify-section-group-overlay-group cc-compare"> </div> <!-- END sections: overlay-group --><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--15768528289853__footer" class="shopify-section shopify-section-group-footer-group cc-footer"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/footer.css?v=133683973821039006411715672870" media="print" onload="this.media='all'"><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/custom-select.js?v=147432982730571550041715672870" defer="defer"></script><style data-shopify>.footer { --bg-color: 235 235 235 / 1.0; --heading-color: 34 34 34; --text-color: 34 34 34; }</style><footer class="footer bg-theme-bg text-theme-text"> <div class="container"><a href="#" class="back-to-top top-0 left-0 w-full text-sm block font-bold text-center text-current pt-8 pl-6 pr-6 md:pb-14" data-cc-animate> Back to top <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a><div class="footer__main md:flex md:flex-wrap mb-10 md:mb-8"><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.07s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">About Us</h2><div class="footer-block__text rte"> <p>We're an electronic components retailer that's been trading since 2004. We sell well known brands like Arduino, Sparkfun, Raspberry Pi, Adafruit, Pololu, and many more.</p> </div></div> </div><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.14s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">Cool Components Ltd</h2><div class="footer-block__text rte"> <p>Crest House, Middle Wallop, Stockbridge, Hampshire, SO20 8EG, United Kingdom</p><p></p><p>VAT No. GB919059406</p><p>Registered: UK#6967565</p> </div></div> </div><div class="footer-col footer-col--newsletter footer-col--collapsed" data-cc-animate data-cc-animate-delay="0.21s"><footer-menu> <details class="footer-menu disclosure footer-menu--first" open> <summary tabindex="-1"> <div class="flex justify-between items-center"> <h2 class="disclosure__title font-body font-bold text-h6 regular-text"> Join our newsletter! </h2> <span class="disclosure__toggle"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </span> </div> </summary> <div class="disclosure__panel has-motion"> <div class="disclosure__content"><p>Sign up for exclusive offers, original stories, events and more.</p> <form method="post" action="/contact#footer-signup_form" id="footer-signup_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="prospect, newsletter"> <div class="form__field"> <label class="label visually-hidden" for="footer-signup">Email</label><div class="input-with-button input-with-primary-button"><input type="email" class="input w-full focus-inset" id="footer-signup" name="contact[email]" value="" placeholder="Your email" autocomplete="email" aria-required="true" required><button class="btn focus-inset has-ltr-icon btn--primary"> <span class="visually-hidden">Subscribe</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.696 12h14.686m-7.007-7.5 7.5 7.5-7.5 7.5"/></svg> </button></div></div></form> </div> </div> </details> </footer-menu></div><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.28s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">Follow Us</h2><div class="footer-block__text rte"> <p>Check out our social pages for the latest updates, product annoucements, and sales!</p> </div><div class="footer-block__btns footer-block__social"> <ul class="social inline-flex flex-wrap justify-start"><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Facebook"><svg width="24" height="24" viewBox="0 0 14222 14222" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111Zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28Zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137Zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013Z"/></svg><span class="visually-hidden">Facebook</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on YouTube"><svg width="24" height="17" viewBox="0 0 48 34" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m19.044 23.27-.001-13.582 12.968 6.814-12.967 6.768ZM47.52 7.334s-.47-3.33-1.908-4.798C43.787.61 41.74.601 40.803.49 34.086 0 24.01 0 24.01 0h-.02S13.914 0 7.197.49c-.939.11-2.984.12-4.81 2.045C.947 4.003.48 7.334.48 7.334S0 11.247 0 15.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.827 1.926 4.226 1.866 5.294 2.067C11.52 33.885 24 34 24 34s10.086-.015 16.803-.505c.938-.113 2.984-.122 4.809-2.048 1.439-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824Z"/></svg><span class="visually-hidden">YouTube</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Instagram"><svg width="24" height="24" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><circle cx="15.238" cy="4.948" r="1.238"/><path d="M19.47 3.444A5.11 5.11 0 0 0 16.548.527a7.351 7.351 0 0 0-2.43-.466C13.05.014 12.713 0 9.999 0c-2.712 0-3.057 0-4.12.06A7.351 7.351 0 0 0 3.45.528 5.11 5.11 0 0 0 .528 3.444 7.317 7.317 0 0 0 .06 5.87C.014 6.936 0 7.274 0 9.982s0 3.053.06 4.113c.018.829.176 1.649.468 2.425a5.11 5.11 0 0 0 2.922 2.917 7.35 7.35 0 0 0 2.429.5c1.069.047 1.407.06 4.12.06s3.058 0 4.12-.06a7.351 7.351 0 0 0 2.429-.466 5.11 5.11 0 0 0 2.922-2.918 7.31 7.31 0 0 0 .467-2.424c.047-1.067.06-1.405.06-4.113s0-3.053-.06-4.113a7.317 7.317 0 0 0-.467-2.459zm-1.437 10.537a5.439 5.439 0 0 1-.34 1.843 3.262 3.262 0 0 1-1.87 1.87 5.451 5.451 0 0 1-1.825.34c-1.04.046-1.332.06-3.996.06-2.664 0-2.937 0-3.995-.06a5.451 5.451 0 0 1-1.825-.34 3.255 3.255 0 0 1-1.878-1.87 5.439 5.439 0 0 1-.34-1.823c-.046-1.038-.06-1.33-.06-3.992s0-2.934.06-3.992c.006-.63.121-1.253.34-1.844a3.255 3.255 0 0 1 1.878-1.87 5.451 5.451 0 0 1 1.825-.339c1.038-.046 1.331-.06 3.995-.06s2.937 0 3.996.06c.623.008 1.24.123 1.824.34.86.331 1.54 1.01 1.872 1.87.216.583.331 1.2.34 1.823.046 1.038.06 1.33.06 3.992 0 2.661 0 2.948-.047 3.992h-.014z"/><path d="M9.991 14.753a4.761 4.761 0 1 1 0-9.523 4.761 4.761 0 0 1 0 9.523zm0-1.905a2.857 2.857 0 1 0 0-5.713 2.857 2.857 0 0 0 0 5.713z"/></svg><span class="visually-hidden">Instagram</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Twitter"><svg fill="currentColor" width="40" height="40" viewBox="1 1 22 22" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg><span class="visually-hidden">Twitter</span> </a> </li></ul> </div></div> </div></div><div class="footer__meta grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-10" data-cc-animate><div class="footer__payment lg:col-start-2 lg:row-start-1 footer__payment--right"> <span class="visually-hidden">Payment methods accepted</span> <ul class="payment-icons flex flex-wrap lg:justify-end" role="list"><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li><li><svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></li><li><svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li><li><svg class="payment-icon" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li></ul> </div><div class="lg:col-start-1 lg:row-start-1 footer__localization"> <form method="post" action="/localization" id="footer-localization" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization__grid"><div class="localization__selector"> <input type="hidden" name="country_code" value="GB"> <country-selector><label class="label visually-hidden no-js-hidden" for="footer-localization-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button" aria-expanded="false" aria-haspopup="listbox" id="footer-localization-country-button" > <span class="text-start">United Kingdom (GBP&nbsp;£)</span> <svg width="20" height="20" viewBox="0 0 24 24" class="icon" role="presentation" focusable="false" aria-hidden="true"> <path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/> </svg> </button> <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1" aria-hidden="true" hidden aria-activedescendant="footer-localization-country-opt-0"><li class="custom-select__option flex items-center js-option" id="footer-localization-country-opt-0" role="option" data-value="GB" aria-selected="true"> <span class="pointer-events-none">United Kingdom (GBP&nbsp;£)</span> </li></ul> </div></country-selector></div></div><script> customElements.whenDefined('custom-select').then(() => { if (!customElements.get('country-selector')) { class CountrySelector extends customElements.get('custom-select') { constructor() { super(); this.loaded = false; } async showListbox() { if (this.loaded) { super.showListbox(); return; } this.button.classList.add('is-loading'); this.button.setAttribute('aria-disabled', 'true'); try { const response = await fetch('?section_id=country-selector'); if (!response.ok) throw new Error(response.status); const tmpl = document.createElement('template'); tmpl.innerHTML = await response.text(); const el = tmpl.content.querySelector('.custom-select__listbox'); this.listbox.innerHTML = el.innerHTML; this.options = this.querySelectorAll('.custom-select__option'); this.popular = this.querySelectorAll('[data-popular]'); if (this.popular.length) { this.popular[this.popular.length - 1].closest('.custom-select__option') .classList.add('custom-select__option--visual-group-end'); } this.selectedOption = this.querySelector('[aria-selected="true"]'); if (!this.selectedOption) { this.selectedOption = this.listbox.firstElementChild; } this.loaded = true; } catch { this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>'; } finally { super.showListbox(); this.button.classList.remove('is-loading'); this.button.setAttribute('aria-disabled', 'false'); } } setButtonWidth() { return; } } customElements.define('country-selector', CountrySelector); } }); </script><script> document.getElementById('footer-localization').addEventListener('change', (evt) => { const input = evt.target.previousElementSibling; if (input && input.tagName === 'INPUT') { input.value = evt.detail.selectedValue; evt.currentTarget.submit(); } }); </script></form> </div></div><div class="footer__base mt-8 grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-6 text-xs" data-cc-animate> <div><span>&copy; 2025 <a href="/">Cool Components</a>.</span> </div></div> </div> </footer> </div> <!-- END sections: footer-group --><quick-add-drawer class="drawer quick-add-drawer overflow-hidden fixed top-0 right-0 flex flex-col w-full has-motion qo-sale-prices js-product" data-name="quickbuy" role="dialog" tabindex="-1" aria-labelledby="quick-add-heading" aria-modal="true" aria-hidden="true"> <header class="drawer__header quick-add__header hidden md:flex justify-between items-center relative"> <button type="button" class="drawer__back-btn js-open-cart-drawer has-ltr-icon" hidden> <span class="visually-hidden">Back</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M19.5 12H5m6.9 7.4L4.5 12l7.4-7.4"/></svg> </button> <div class="flex-grow"> <h2 class="h5 mb-0" id="quick-add-heading">Choose options</h2> </div> <button type="button" class="drawer__close-btn js-close-drawer"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> </header> <div class="drawer__content quick-add__content flex-auto relative"> <button type="button" class="drawer__close-btn quick-add__close-btn--mob js-close-drawer md:hidden"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> <div class="js-product-details quick-add__product-details"></div> <div class="quick-add__quick-order-list js-quick-order-list"></div> </div> <footer class="drawer__footer quick-add__footer"> <div class="alert quick-add__alert absolute left-0 right-0 bg-success-bg text-success-text js-added-to-cart" role="alert" hidden data-visible-for="2000"> <div class="flex"> <div> <svg class="icon icon--check_mark_in_circle" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><circle stroke="currentColor" fill="none" cx="8" cy="8" r="6.6666665"/> <path stroke="currentColor" fill="none" transform="translate(5.0003335,6.0003335)" d="m 6,0 -4,4 L 0,2.1818182" /></svg> </div> <div> <p class="quick-add__alert-heading text-h5 font-bold mb-1">Item added to your cart.</p> <a class="link text-current js-open-cart-drawer" href="/cart" data-no-instant>View cart</a> </div> </div> </div> <product-form></product-form> </footer> </quick-add-drawer> <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-overlay"></div> <script> window.theme = { info: { name: 'Canopy', version: '6.1.0' }, mediaQueries: { sm: '(min-width: 600px)', md: '(min-width: 769px)', lg: '(min-width: 1024px)', xl: '(min-width: 1280px)', xxl: '(min-width: 1536px)', portrait: '(orientation: portrait)' }, device: { hasTouch: window.matchMedia('(any-pointer: coarse)').matches, hasHover: window.matchMedia('(hover: hover)').matches }, routes: { cart: '/cart', cartAdd: '/cart/add', cartChange: '/cart/change', cartUpdate: '/cart/update', cartClear: '/cart/clear', predictiveSearch: '/search/suggest' }, settings: { moneyWithCurrencyFormat: "£{{amount}} GBP", pSearchLimit: 4, pSearchLimitScope: 'each', pSearchIncludeSkus: true, pSearchIncludeTags: true, sliderItemsPerNav: 'page', vibrateOnATC: true, compareToggle: true, compareShowEmptyMetafields: false, blendProductImages: false, externalLinksNewTab: true, afterAtc: "drawer", cartType: "drawer", dockCartDrawer: false }, strings: { addCartNote: 'Add order note', editCartNote: 'Edit order note', cartError: 'There was an error while updating your cart. Please try again.', cartQtyError: 'You can only add [quantity] of this item to your cart.', confirmEmptyCart: 'Are you sure you want to empty your cart?', cartTermsConfirmation: 'You must agree to the terms and conditions before continuing.', imageAvailable: 'Image [index] is now available in gallery view', veryLowStock: 'Low stock', lowStock: 'Low stock', inStock: 'In stock', noStock: 'Sold out', noVariant: 'Unavailable', onlyXLeft: '[quantity] in stock', awaitingSale: 'This product is not for sale yet.', shippingCalculator: { singleRate: 'There is one shipping rate for this destination:', multipleRates: 'There are multiple shipping rates for this destination:', noRates: 'Unfortunately we do not ship to this destination.' }, viewDetails: 'View details', compare: { limit: 'You can only add a maximum of [quantity] products to compare.', more: 'Select another product to compare.', empty: 'Select at least two products to compare.', continue: 'Close to continue.' }, discountCopyFail: 'Could not copy code to clipboard. Your browser may not support this.', quickNav: { button_standard: 'Search', show_products_none: 'No products :(', button_one: 'Show [quantity] product', button_other: 'Show [quantity] products', }, }, scripts: { cartItems: '//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-items.js?v=90966404011074112001717517091', countryProvinceSelector: '//coolcomponents.co.uk/cdn/shop/t/39/assets/country-province-selector.js?v=24158546944577672431715672870', shippingCalculator: '//coolcomponents.co.uk/cdn/shop/t/39/assets/shipping-calculator.js?v=31725526838375758301715672871' } }; // Save product ID to localStorage, for use in the 'Recently viewed products' section. </script><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/instant-page.js?v=473454186210797571715672870" type="module" defer="defer"></script><!-- Stamped --> <script async type="text/javascript" data-api-key="pubkey-7gz68er6q8qFBELc0c0031a0SBn73v" id="stamped-script-widget" src="https://cdn1.stamped.io/files/widget.min.js"></script> <!-- End Stamped --> <div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block"> <script defer src="https://app.backinstock.org/widget/8526_1739946959.js?category=bis&v=6"></script> <script id="back-in-stock-helper-embedded"> // Back in Stock: Customer Alerts helper script var _BISConfig = _BISConfig || {}; </script> </div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> <script type="module" src="https://cdn.shopify.com/extensions/fb08020f-1d93-43d4-a30d-cf3ed0b9c486/selleasy-27/assets/lb-upsell-components.esm.js" defer></script> </div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10