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'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'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'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" 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" 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&width=480" alt="Cool Components" srcset="//coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&width=352 352w, //coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & Charger Accessories</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cables-adapters">Cables & 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 & 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 & 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 & Universities</a></li><li><a class="main-nav__item child-nav__item" href="/pages/terms-conditions">Terms & 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 & 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 & 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 £)</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 £)</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>© 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>