Pimoroni – Cool Components

<!doctype html> <html class="no-js" lang="en" dir="ltr"> <head>  <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> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Pimoroni – Cool Components</title><link rel="canonical" href="https://coolcomponents.co.uk/collections/pimoroni"><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="Founded in 2012 by Jon Williamson and Paul Beech, Pimoroni make all sorts of interesting tech and treasures for tinkerers right here in the UK! From turning your Raspberry Pi into an arcade machine with the Picade HAT which was funded by Kickstater."><meta property="og:site_name" content="Cool Components"> <meta property="og:url" content="https://coolcomponents.co.uk/collections/pimoroni"> <meta property="og:title" content="Pimoroni"> <meta property="og:type" content="product.group"> <meta property="og:description" content="Founded in 2012 by Jon Williamson and Paul Beech, Pimoroni make all sorts of interesting tech and treasures for tinkerers right here in the UK! From turning your Raspberry Pi into an arcade machine with the Picade HAT which was funded by Kickstater."><meta name="twitter:site" content="@#"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Pimoroni"> <meta name="twitter:description" content="Founded in 2012 by Jon Williamson and Paul Beech, Pimoroni make all sorts of interesting tech and treasures for tinkerers right here in the UK! From turning your Raspberry Pi into an arcade machine with the Picade HAT which was funded by Kickstater."> <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"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/pimoroni.atom" /> <link rel="next" href="/collections/pimoroni?page=2"> <link rel="alternate" type="application/json+oembed" href="https://coolcomponents.co.uk/collections/pimoroni.oembed"> <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":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_Du5arOYD.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-windoid":["modules/v2/client.init-windoid_B1zFqa1f.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DR-sDkvx.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CyYBBpqj.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DBhvlVth.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"pay-button":["modules/v2/client.pay-button_BEilT4zo.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_mUqnK3_l.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_0djZK60j.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_SlQzAw-F.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Cx_hclyV.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BxBHMaJ9.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"lead-capture":["modules/v2/client.lead-capture_YfYzyquM.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DD2ElmYe.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.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":"da681edc-ff4a-4938-aa83-beab26feadce-1742945409","pageurl":"coolcomponents.co.uk\/collections\/pimoroni","u":"1b3aeada1470","p":"collection","rtyp":"collection","rid":490471438};</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> <script type='text/javascript'> var _d_site = _d_site || 'F308854047609A270BBB6D17'; </script> <script src='https://widget.privy.com/assets/widget.js'></script>    <script> var gsf_conversion_data = {page_type : 'category', event : 'view_item_list', data : {product_data : [{variant_id : 72528265230, product_id : 17039720462, name : "Pibow 3 Coupé (Raspberry Pi 3, 2, & B+)", price : "6.01", currency : "GBP", sku : "2212", brand : "Pimoroni", variant : "Coupé Royale", category : "Raspberry Pi Enclosures", quantity : "5" }, {variant_id : 13974301114429, product_id : 1826707701821, name : "0.96" SPI Colour LCD (160x80) Breakout", price : "16.50", currency : "GBP", sku : "3109", brand : "Pimoroni", variant : "Default Title", category : "LCD Displays", quantity : "1" }, {variant_id : 72430354446, product_id : 17020649486, name : "Automation HAT", price : "30.00", currency : "GBP", sku : "2251", brand : "Pimoroni", variant : "Default Title", category : "Raspberry Pi", quantity : "1" }, {variant_id : 28601923764285, product_id : 3690764894269, name : "Pinbetween", price : "7.20", currency : "GBP", sku : "3271", brand : "Pimoroni", variant : "Default Title", category : "Accessories and Breakout Boards", quantity : "2" }], total_price :"59.71", shop_currency : "GBP", collection_id : "490471438", collection_name : "Pimoroni" }}; </script>   <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: "collection"};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,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=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"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=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:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,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)}()){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 p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.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":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","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", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"490471438","title":"Pimoroni","productVariants":[{"price":{"amount":6.61,"currencyCode":"GBP"},"product":{"title":"Pibow 3 Coupé (Raspberry Pi 3, 2, \u0026 B+)","vendor":"Pimoroni","id":"17039720462","untranslatedTitle":"Pibow 3 Coupé (Raspberry Pi 3, 2, \u0026 B+)","url":"/products/pibow-3-coupe","type":"Raspberry Pi Enclosures"},"id":"72528232462","image":{"src":"//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-flotilla-raspberry-pi-enclosures-pimoroni-cool-components-706.jpg?v=1714834599"},"sku":"2211","title":"Coupé Flotilla","untranslatedTitle":"Coupé Flotilla"},{"price":{"amount":16.5,"currencyCode":"GBP"},"product":{"title":"0.96\" SPI Colour LCD (160x80) Breakout","vendor":"Pimoroni","id":"1826707701821","untranslatedTitle":"0.96\" SPI Colour LCD (160x80) Breakout","url":"/products/0-96-spi-colour-lcd-160x80-breakout","type":"LCD Displays"},"id":"13974301114429","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168"},"sku":"3109","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":30.0,"currencyCode":"GBP"},"product":{"title":"Automation HAT","vendor":"Pimoroni","id":"17020649486","untranslatedTitle":"Automation HAT","url":"/products/automation-hat","type":"Raspberry Pi"},"id":"72430354446","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929"},"sku":"2251","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":7.2,"currencyCode":"GBP"},"product":{"title":"Pinbetween","vendor":"Pimoroni","id":"3690764894269","untranslatedTitle":"Pinbetween","url":"/products/pinbetween","type":"Accessories and Breakout Boards"},"id":"28601923764285","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376"},"sku":"3271","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":13.2,"currencyCode":"GBP"},"product":{"title":"Pibow Touchscreen Frame","vendor":"Pimoroni","id":"3879225196605","untranslatedTitle":"Pibow Touchscreen Frame","url":"/products/pibow-touchscreen-frame","type":"Raspberry Pi"},"id":"29215722504253","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244"},"sku":"3293","title":"Coupé (Red)","untranslatedTitle":"Coupé (Red)"},{"price":{"amount":2.1,"currencyCode":"GBP"},"product":{"title":"Pico Proto","vendor":"Pimoroni","id":"6539798609981","untranslatedTitle":"Pico Proto","url":"/products/pico-proto","type":"Component"},"id":"39254517022781","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887"},"sku":"3979","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":8.4,"currencyCode":"GBP"},"product":{"title":"Pico Omnibus (Dual Expander)","vendor":"Pimoroni","id":"6539798675517","untranslatedTitle":"Pico Omnibus (Dual Expander)","url":"/products/pico-omnibus-dual-expander","type":"Component"},"id":"39254516891709","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867"},"sku":"3981","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":9.9,"currencyCode":"GBP"},"product":{"title":"5x5 RGB Matrix Breakout","vendor":"Pimoroni","id":"1826699903037","untranslatedTitle":"5x5 RGB Matrix Breakout","url":"/products/5x5-rgb-matrix-breakout","type":"LED Displays"},"id":"13974270214205","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499"},"sku":"3108","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":7.5,"currencyCode":"GBP"},"product":{"title":"OnOff SHIM for Raspberry Pi (all models)","vendor":"Pimoroni","id":"1400385503293","untranslatedTitle":"OnOff SHIM for Raspberry Pi (all models)","url":"/products/onoff-shim-for-raspberry-pi-all-models","type":"Power"},"id":"12559685976125","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013"},"sku":"2807","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":15.0,"currencyCode":"GBP"},"product":{"title":"noise:bit for BBC micro:bit","vendor":"Pimoroni","id":"1400532402237","untranslatedTitle":"noise:bit for BBC micro:bit","url":"/products/noise-bit-for-bbc-micro-bit","type":"Micro:bit"},"id":"12560137322557","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579"},"sku":"2813","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":9.3,"currencyCode":"GBP"},"product":{"title":"Touch pHAT","vendor":"Pimoroni","id":"17019994126","untranslatedTitle":"Touch pHAT","url":"/products/touch-phat","type":"Raspberry Pi"},"id":"72428945422","image":{"src":"//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678"},"sku":"2232","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":12.0,"currencyCode":"GBP"},"product":{"title":"touch:bit","vendor":"Pimoroni","id":"1453652639805","untranslatedTitle":"touch:bit","url":"/products/touch-bit","type":"Micro:bit"},"id":"12768747913277","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502"},"sku":"2870","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":7.2,"currencyCode":"GBP"},"product":{"title":"What The Flex","vendor":"Pimoroni","id":"1874836521021","untranslatedTitle":"What The Flex","url":"/products/what-the-flex","type":"Accessories and Breakout Boards"},"id":"14129844944957","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710"},"sku":"3183","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":11.7,"currencyCode":"GBP"},"product":{"title":"Four Letter pHAT","vendor":"Pimoroni","id":"17020387342","untranslatedTitle":"Four Letter pHAT","url":"/products/four-letter-phat","type":"Raspberry Pi"},"id":"72429699086","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711"},"sku":"2243","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":3.0,"currencyCode":"GBP"},"product":{"title":"Nano Hat Hacker","vendor":"Pimoroni","id":"6539798380605","untranslatedTitle":"Nano Hat Hacker","url":"/products/nano-hat-hacker","type":"Component"},"id":"39254516498493","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356"},"sku":"3972","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":11.21,"currencyCode":"GBP"},"product":{"title":"Pan-Tilt HAT (without Pan-Tilt module)","vendor":"Pimoroni","id":"3681904197693","untranslatedTitle":"Pan-Tilt HAT (without Pan-Tilt module)","url":"/products/pan-tilt-hat-without-pan-tilt-module","type":"Robot"},"id":"28571352662077","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548"},"sku":"3233","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":19.8,"currencyCode":"GBP"},"product":{"title":"Skywriter HAT","vendor":"Pimoroni","id":"17020059662","untranslatedTitle":"Skywriter HAT","url":"/products/skywriter-hat","type":"Raspberry Pi"},"id":"72429076494","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630"},"sku":"2234","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":10.8,"currencyCode":"GBP"},"product":{"title":"Breakout Garden Mini (I2C + SPI)","vendor":"Pimoroni","id":"4168847065149","untranslatedTitle":"Breakout Garden Mini (I2C + SPI)","url":"/products/breakout-garden-mini-i2c-spi","type":"Breakout Boards"},"id":"30417720574013","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608"},"sku":"3436","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":14.1,"currencyCode":"GBP"},"product":{"title":"Breakout Garden HAT (I2C + SPI)","vendor":"Pimoroni","id":"3681960656957","untranslatedTitle":"Breakout Garden HAT (I2C + SPI)","url":"/products/breakout-garden-hat-i2c-spi","type":"Accessories and Breakout Boards"},"id":"28571659305021","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080"},"sku":"3235","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":13.2,"currencyCode":"GBP"},"product":{"title":"Pico Breakout Garden Base","vendor":"Pimoroni","id":"6728702001213","untranslatedTitle":"Pico Breakout Garden Base","url":"/products/pico-breakout-garden-base","type":"Component"},"id":"39791747399741","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128"},"sku":"4062","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":14.1,"currencyCode":"GBP"},"product":{"title":"Pibow 3 B+ (Raspberry Pi 3 B+, 3, \u0026 2) - Rainbow","vendor":"Pimoroni","id":"1806382563389","untranslatedTitle":"Pibow 3 B+ (Raspberry Pi 3 B+, 3, \u0026 2) - Rainbow","url":"/products/pibow-3-b-raspberry-pi-3-b-3-2-rainbow","type":"Raspberry Pi Enclosures"},"id":"13919104467005","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762"},"sku":"3099","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":4.34,"currencyCode":"GBP"},"product":{"title":"Flotilla - Dial","vendor":"Pimoroni","id":"64731512846","untranslatedTitle":"Flotilla - Dial","url":"/products/flotilla-dial","type":"Passive Components"},"id":"359200423950","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972"},"sku":"2332","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":28.2,"currencyCode":"GBP"},"product":{"title":"Unicorn HAT","vendor":"Pimoroni","id":"17019961358","untranslatedTitle":"Unicorn HAT","url":"/products/unicorn-hat","type":"Raspberry Pi"},"id":"72428879886","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500"},"sku":"2231","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":72.6,"currencyCode":"GBP"},"product":{"title":"Inky Developer 5.7\" Display (7 colour ePaper/eInk)","vendor":"Pimoroni","id":"6749096771645","untranslatedTitle":"Inky Developer 5.7\" Display (7 colour ePaper/eInk)","url":"/products/inky-developer-5-7-display-7-colour-epaper-eink","type":"Component"},"id":"39852668944445","image":{"src":"//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704"},"sku":"4259","title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://coolcomponents.co.uk/cdn","922b36b9w64bffb83p492751e9m8c124dc0",{"modern":"","legacy":""},{"shopId":"23113697","storefrontBaseUrl":"https://coolcomponents.co.uk","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"6a396365\"]","isMerchantRequest":"false","hashVersion":"922b36b9w64bffb83p492751e9m8c124dc0"});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"products":[{"id":17039720462,"gid":"gid:\/\/shopify\/Product\/17039720462","vendor":"Pimoroni","type":"Raspberry Pi Enclosures","variants":[{"id":72528232462,"price":661,"name":"Pibow 3 Coupé (Raspberry Pi 3, 2, \u0026 B+) - Coupé Flotilla","public_title":"Coupé Flotilla","sku":"2211"},{"id":72528265230,"price":601,"name":"Pibow 3 Coupé (Raspberry Pi 3, 2, \u0026 B+) - Coupé Royale","public_title":"Coupé Royale","sku":"2212"},{"id":72528297998,"price":930,"name":"Pibow 3 Coupé (Raspberry Pi 3, 2, \u0026 B+) - Coupé","public_title":"Coupé","sku":"2213"}]},{"id":1826707701821,"gid":"gid:\/\/shopify\/Product\/1826707701821","vendor":"Pimoroni","type":"LCD Displays","variants":[{"id":13974301114429,"price":1650,"name":"0.96\" SPI Colour LCD (160x80) Breakout","public_title":null,"sku":"3109"}]},{"id":17020649486,"gid":"gid:\/\/shopify\/Product\/17020649486","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":72430354446,"price":3000,"name":"Automation HAT","public_title":null,"sku":"2251"}]},{"id":3690764894269,"gid":"gid:\/\/shopify\/Product\/3690764894269","vendor":"Pimoroni","type":"Accessories and Breakout Boards","variants":[{"id":28601923764285,"price":720,"name":"Pinbetween","public_title":null,"sku":"3271"}]},{"id":3879225196605,"gid":"gid:\/\/shopify\/Product\/3879225196605","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":29215722504253,"price":1320,"name":"Pibow Touchscreen Frame - Coupé (Red)","public_title":"Coupé (Red)","sku":"3293"}]},{"id":6539798609981,"gid":"gid:\/\/shopify\/Product\/6539798609981","vendor":"Pimoroni","type":"Component","variants":[{"id":39254517022781,"price":210,"name":"Pico Proto","public_title":null,"sku":"3979"}]},{"id":6539798675517,"gid":"gid:\/\/shopify\/Product\/6539798675517","vendor":"Pimoroni","type":"Component","variants":[{"id":39254516891709,"price":840,"name":"Pico Omnibus (Dual Expander)","public_title":null,"sku":"3981"}]},{"id":1826699903037,"gid":"gid:\/\/shopify\/Product\/1826699903037","vendor":"Pimoroni","type":"LED Displays","variants":[{"id":13974270214205,"price":990,"name":"5x5 RGB Matrix Breakout","public_title":null,"sku":"3108"}]},{"id":1400385503293,"gid":"gid:\/\/shopify\/Product\/1400385503293","vendor":"Pimoroni","type":"Power","variants":[{"id":12559685976125,"price":750,"name":"OnOff SHIM for Raspberry Pi (all models)","public_title":null,"sku":"2807"}]},{"id":1400532402237,"gid":"gid:\/\/shopify\/Product\/1400532402237","vendor":"Pimoroni","type":"Micro:bit","variants":[{"id":12560137322557,"price":1500,"name":"noise:bit for BBC micro:bit","public_title":null,"sku":"2813"}]},{"id":17019994126,"gid":"gid:\/\/shopify\/Product\/17019994126","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":72428945422,"price":930,"name":"Touch pHAT","public_title":null,"sku":"2232"}]},{"id":1453652639805,"gid":"gid:\/\/shopify\/Product\/1453652639805","vendor":"Pimoroni","type":"Micro:bit","variants":[{"id":12768747913277,"price":1200,"name":"touch:bit","public_title":null,"sku":"2870"}]},{"id":1874836521021,"gid":"gid:\/\/shopify\/Product\/1874836521021","vendor":"Pimoroni","type":"Accessories and Breakout Boards","variants":[{"id":14129844944957,"price":720,"name":"What The Flex","public_title":null,"sku":"3183"}]},{"id":17020387342,"gid":"gid:\/\/shopify\/Product\/17020387342","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":72429699086,"price":1170,"name":"Four Letter pHAT","public_title":null,"sku":"2243"}]},{"id":6539798380605,"gid":"gid:\/\/shopify\/Product\/6539798380605","vendor":"Pimoroni","type":"Component","variants":[{"id":39254516498493,"price":300,"name":"Nano Hat Hacker","public_title":null,"sku":"3972"}]},{"id":3681904197693,"gid":"gid:\/\/shopify\/Product\/3681904197693","vendor":"Pimoroni","type":"Robot","variants":[{"id":28571352662077,"price":1121,"name":"Pan-Tilt HAT (without Pan-Tilt module)","public_title":null,"sku":"3233"}]},{"id":17020059662,"gid":"gid:\/\/shopify\/Product\/17020059662","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":72429076494,"price":1980,"name":"Skywriter HAT","public_title":null,"sku":"2234"}]},{"id":4168847065149,"gid":"gid:\/\/shopify\/Product\/4168847065149","vendor":"Pimoroni","type":"Breakout Boards","variants":[{"id":30417720574013,"price":1080,"name":"Breakout Garden Mini (I2C + SPI)","public_title":null,"sku":"3436"}]},{"id":3681960656957,"gid":"gid:\/\/shopify\/Product\/3681960656957","vendor":"Pimoroni","type":"Accessories and Breakout Boards","variants":[{"id":28571659305021,"price":1410,"name":"Breakout Garden HAT (I2C + SPI)","public_title":null,"sku":"3235"}]},{"id":6728702001213,"gid":"gid:\/\/shopify\/Product\/6728702001213","vendor":"Pimoroni","type":"Component","variants":[{"id":39791747399741,"price":1320,"name":"Pico Breakout Garden Base","public_title":null,"sku":"4062"}]},{"id":1806382563389,"gid":"gid:\/\/shopify\/Product\/1806382563389","vendor":"Pimoroni","type":"Raspberry Pi Enclosures","variants":[{"id":13919104467005,"price":1410,"name":"Pibow 3 B+ (Raspberry Pi 3 B+, 3, \u0026 2) - Rainbow","public_title":null,"sku":"3099"}]},{"id":64731512846,"gid":"gid:\/\/shopify\/Product\/64731512846","vendor":"Pimoroni","type":"Passive Components","variants":[{"id":359200423950,"price":434,"name":"Flotilla - Dial","public_title":null,"sku":"2332"}]},{"id":17019961358,"gid":"gid:\/\/shopify\/Product\/17019961358","vendor":"Pimoroni","type":"Raspberry Pi","variants":[{"id":72428879886,"price":2820,"name":"Unicorn HAT","public_title":null,"sku":"2231"}]},{"id":6749096771645,"gid":"gid:\/\/shopify\/Product\/6749096771645","vendor":"Pimoroni","type":"Component","variants":[{"id":39852668944445,"price":7260,"name":"Inky Developer 5.7\" Display (7 colour ePaper\/eInk)","public_title":null,"sku":"4259"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":490471438}}; 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":"collection","resourceType":"collection","resourceId":490471438,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"GBP","category":"Collection: pimoroni","collectionName":"pimoroni","collectionId":490471438,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); } }); 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.5.0.min.js" data-application="storefront-renderer" data-shop-id="23113697" data-render-region="gcp-europe-west3" data-page-type="collection" 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> <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"><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></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" aria-current="page">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> </div> <main id="main-content"><div id="shopify-section-template--15768527470653__collection-banner" class="shopify-section cc-collection-banner section"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/collection-banner.css?v=98871509675672469651715672870" rel="stylesheet" type="text/css" media="all" /> <div class="container"> <div class="collection-banner flex flex-col md:flex-row justify-center gap-y-6"> <div class="collection-banner__content justify-start items-center flex flex-col w-full text-center collection-banner__content-wide"> <div><div class="block"> <h1 class="collection-banner__heading mb-0 inline h2">Pimoroni</h1> </div></div> </div></div> </div> </div><div id="shopify-section-template--15768527470653__collection-products" class="shopify-section cc-collection-products section section--template mb-0"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/products-grid.css?v=58667616510945484821715672871" rel="stylesheet" type="text/css" media="all" /> <link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/product.css?v=163564603853696749081715672871" rel="stylesheet" type="text/css" media="all" /> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/products-toolbar.js?v=95457821575861425541715672871" defer="defer"></script><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-add.css?v=18818399621280424351715672871" media="print" onload="this.media='all'"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-add.js?v=48634329879440639471717517098" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/variant-picker.js?v=65958280291136870461715672871" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/product-form.js?v=117197166312263173401717517097" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/custom-select.js?v=147432982730571550041715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-order-list.js?v=145160198372566173901715672871" defer="defer"></script><div class="container" data-num-results="32"><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/products-toolbar.js?v=95457821575861425541715672871" defer="defer"></script> <products-toolbar class="products-toolbar flex items-center mb-8 products-toolbar--compare no-js-hidden" id="products-toolbar"><div class="products-toolbar__filter"> <button type="button" class="products-toolbar__filter-btn flex justify-between items-center text-current font-bold is-active js-toggle-filters" aria-controls="facet-filters" aria-expanded="false"> <span class="hidden md:block">Filter</span><span class="md:hidden">Filter & Sort</span><svg width="20" height="20" viewBox="0 0 20 20" stroke-width="1.25" stroke="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path stroke-linecap="round" stroke-linejoin="round" d="M1 6h18M1 14h18"/><circle cx="7" cy="6" r="3"/><circle cx="13" cy="14" r="3"/></svg> </button> </div><div class="products-toolbar__sort hidden md:block"> <custom-select id="products-sort-by"><label class="label no-js-hidden" for="products-sort-by-button">Sort by</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="products-sort-by-button" > <span class="text-start">Most Popular</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="products-sort-by-opt-0"><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-0" role="option" data-value="best-selling" aria-selected="true"> <span class="pointer-events-none">Most Popular</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-1" role="option" data-value="title-ascending" > <span class="pointer-events-none">Alphabetically, A-Z</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-2" role="option" data-value="title-descending" > <span class="pointer-events-none">Alphabetically, Z-A</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-3" role="option" data-value="price-ascending" > <span class="pointer-events-none">Price, low to high</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-4" role="option" data-value="price-descending" > <span class="pointer-events-none">Price, high to low</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-5" role="option" data-value="created-ascending" > <span class="pointer-events-none">Date, old to new</span> </li><li class="custom-select__option flex items-center js-option" id="products-sort-by-opt-6" role="option" data-value="created-descending" > <span class="pointer-events-none">Date, new to old</span> </li></ul> </div></custom-select> </div> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/custom-select.js?v=147432982730571550041715672870" defer="defer"></script><div class="products-toolbar__layout flex items-center mis-auto"> <span class="label label--inline">View as</span> <input type="radio" class="focus-label visually-hidden" name="products-layout" id="list-layout-opt" value="list"> <label for="list-layout-opt" class="tap-target"> <span class="visually-hidden">List</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon"><g transform="translate(3 5.727)"><path stroke="currentColor" stroke-width="1.5" d="M4.364 1.091h13.091"/><circle fill="currentColor" cx="1.091" cy="1.091" r="1.091"/></g><g transform="translate(3 10.91)"><path stroke="currentColor" stroke-width="1.5" d="M4.364 1.091h13.091"/><circle fill="currentColor" cx="1.091" cy="1.091" r="1.091"/></g><g transform="translate(3 16.09)"><path stroke="currentColor" stroke-width="1.5" d="M4.364 1.091h13.091"/><circle fill="currentColor" cx="1.091" cy="1.091" r="1.091"/></g></svg> </label> <input type="radio" class="focus-label visually-hidden" name="products-layout" id="grid-layout-opt" value="grid" checked> <label for="grid-layout-opt" class="tap-target"> <span class="visually-hidden">Grid</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 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 0h6v6h-6z"/></svg> </label> </div></products-toolbar> <hr class="js-hidden"> <custom-pagination class="main-products-grid main-products-grid--contained flex" data-layout="grid" data-compare="true" data-infinite-scroll="false" data-pause-infinite-scroll="false"><div class="main-products-grid__filters"> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/facet-filters.css?v=10594350918449384341715672870"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/price-range.css?v=178974828777998023251715672870"><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/facet-filters.js?v=79620988291512281391717517093" defer="defer"></script><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/price-range.js?v=102923782352997428131715672870" defer="defer"></script><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/sticky-scroll-direction.js?v=32758325870558658521715672871" defer="defer"></script> <sticky-scroll-direction data-min-sticky-size="lg"><facet-filters class="facets drawer fixed top-0 left-0 flex flex-col w-full has-motion" data-name="facet-filters" id="facet-filters" data-filtering="true" data-sorting="true" role="dialog" aria-labelledby="facets-title" aria-modal="true" aria-hidden="true" tabindex="-1"> <header class="drawer__header flex justify-between items-center lg:hidden"> <h2 class="h5 mb-0" id="facets-title"> <span class="hidden md:block">Filters</span><span class="md:hidden">Filter & Sort</span></h2> <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"> <form id="facets" data-filter-section-id="template--15768527470653__collection-products" novalidate><details-disclosure class="facets__active-filters" hidden> <details class="disclosure" id="active-filters"><summary> <div class="flex justify-between items-center"> <span class="flex-auto font-bold active-filters-header">Applied Filters </span> <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 mb-5"> <div class="active-filters flex flex-wrap"> </div> <a href="/collections/pimoroni?sort_by=best-selling" class="link text-current text-sm js-clear-all" data-instant>Clear all</a> </div> </div> </details> </details-disclosure> <div class="facets__filters"> <details-disclosure class="facets__mobile-sort md:hidden no-js-visible"> <details class="filter disclosure" id="filter-sort" data-type="sort"> <summary class="filter__toggle"> <div class="flex justify-between items-center"> <span class="flex-auto font-bold">Sort by</span> <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"> <div class="filter__content"> <ul role="list"><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-2" name="sort_by" value="best-selling" checked> <label for="filter-sort-2" class="flex items-start w-full m-0"> <span class="flex-auto">Most Popular</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-3" name="sort_by" value="title-ascending" > <label for="filter-sort-3" class="flex items-start w-full m-0"> <span class="flex-auto">Alphabetically, A-Z</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-4" name="sort_by" value="title-descending" > <label for="filter-sort-4" class="flex items-start w-full m-0"> <span class="flex-auto">Alphabetically, Z-A</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-5" name="sort_by" value="price-ascending" > <label for="filter-sort-5" class="flex items-start w-full m-0"> <span class="flex-auto">Price, low to high</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-6" name="sort_by" value="price-descending" > <label for="filter-sort-6" class="flex items-start w-full m-0"> <span class="flex-auto">Price, high to low</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-7" name="sort_by" value="created-ascending" > <label for="filter-sort-7" class="flex items-start w-full m-0"> <span class="flex-auto">Date, old to new</span> </label> </li><li> <input type="radio" class="checkbox js-drawer-sort-by" id="filter-sort-8" name="sort_by" value="created-descending" > <label for="filter-sort-8" class="flex items-start w-full m-0"> <span class="flex-auto">Date, new to old</span> </label> </li></ul> </div> </div> </div> </details> </details-disclosure> <details-disclosure> <details class="filter disclosure" id="filter-filter.v.availability" data-type="list"> <summary class="filter__toggle"> <div class="flex justify-between items-center"> <span class="flex-auto font-bold">Availability</span> <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"> <div class="filter__content"> <ul role="list"><li> <input type="checkbox" class="checkbox visually-hidden focus-label-before" id="filter-filter.v.availability-1" name="filter.v.availability" value="1" > <label for="filter-filter.v.availability-1" class="filter__label flex items-start w-full m-0"> <span class="flex-auto">In stock</span> <span class="filter__count">(32)</span></label> </li><li> <input type="checkbox" class="checkbox visually-hidden focus-label-before" id="filter-filter.v.availability-2" name="filter.v.availability" value="0" > <label for="filter-filter.v.availability-2" class="filter__label flex items-start w-full m-0"> <span class="flex-auto">Out of stock</span> <span class="filter__count">(1)</span></label> </li></ul> </div> <div class="facet-control flex relative items-center mt-5"><div class="filter__header"> <a href="/collections/pimoroni" class="link text-current text-sm js-clear-filter" hidden>Clear</a> </div> </div> </div> </div> </details> </details-disclosure><details-disclosure> <details class="filter disclosure" id="filter-filter.v.price" data-type="price_range"> <summary class="filter__toggle"> <div class="flex justify-between items-center"> <span class="flex-auto font-bold">Price</span> <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"> <div class="filter__content"> <price-range class="price-range block"> <div class="flex items-center"> <div class="price-range__input-wrapper flex items-center flex-auto relative"> <label class="visually-hidden" for="price-range-number-min">From</label> <span class="price-range__currency">£</span> <input type="number" class="input w-full" id="price-range-number-min" name="filter.v.price.gte" placeholder="0" min="0" max="73" step="10"> </div> <span class="price-range__input-separator">-</span> <div class="price-range__input-wrapper flex items-center flex-auto relative"> <label class="visually-hidden" for="price-range-number-max">To</label> <span class="price-range__currency">£</span> <input type="number" class="input w-full" id="price-range-number-max" name="filter.v.price.lte" placeholder="73" min="0" max="73" step="10"> </div> </div> <div class="price-range__sliders relative no-js-hidden"> <label class="visually-hidden" for="price-range-slider-min">From</label> <input type="range" class="price-range__slider-input m-0" id="price-range-slider-min" value="0" min="0" max="73" step="1" tabindex="-1"> <label class="visually-hidden" for="price-range-slider-max">To</label> <input type="range" class="price-range__slider-input m-0" id="price-range-slider-max" value="73" min="0" max="73" step="1" tabindex="-1"> </div> </price-range> </div> <div class="facet-control flex relative items-center mt-5"><div class="filter__header"> <a href="/collections/pimoroni" class="link text-current text-sm js-clear-filter" hidden>Clear</a> </div> </div> </div> </div> </details> </details-disclosure></div> <noscript class="no-js-apply-filters facets__footer"> <button type="submit" class="btn btn--primary">Apply</button> </noscript> </form> </div> <footer class="drawer__footer lg:hidden no-js-hidden"> <div class="facets__footer"> <button type="button" class="btn btn--primary w-full js-close-drawer js-close-drawer-mob">Show 32 results</button> </div> </footer> </facet-filters></sticky-scroll-direction> </div><div class="main-products-grid__results relative flex-auto" id="filter-results"><ul class="grid gapless mb-8 md:mb-12 grid-cols-2 small-cards-mobile sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 small-cards-desktop gap-card" data-filters-open-classes="grid gapless mb-8 md:mb-12 grid-cols-2 small-cards-mobile sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 small-cards-desktop gap-card" data-filters-closed-classes="grid gapless mb-8 md:mb-12 grid-cols-2 small-cards-mobile sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 xxl:grid-cols-7 small-cards-desktop gap-card" role="list"><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pibow-3-coupe" aria-label="Pibow 3 Coupé (Raspberry Pi 3, 2, & B+)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=320 320w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=460 460w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=600 600w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=700 700w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="24308235763773" loading="lazy" width="800" height="800" alt="Pibow 3 Coupé (Raspberry Pi 3 2 & B+) - Coupé - Raspberry Pi Enclosures"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-937.jpg?v=1714834590&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pibow 3 Coupé (Raspberry Pi 3 2 & B+) - Coupé - Raspberry Pi Enclosures"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=320 320w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=460 460w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=600 600w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=700 700w, //coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pibow 3 Coupé (Raspberry Pi 3 2 & B+) - Raspberry Pi Enclosures"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/pibow-3-coupe-raspberry-pi-2-b-raspberry-pi-enclosures-pimoroni-cool-components-417.jpg?v=1714834594&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pibow 3 Coupé (Raspberry Pi 3 2 & B+) - Raspberry Pi Enclosures"> </noscript> </a><div class="product-label-container absolute top-0 start"><div class="product-label-wrapper flex"> <span class="product-label product-label--sale"> <svg class="icon icon--price_tag" width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M7.59 1.34a1 1 0 01.7-.29h5.66a1 1 0 011 1v5.66a1 1 0 01-.3.7L7.6 15.5a1 1 0 01-1.42 0L.52 9.83a1 1 0 010-1.42l7.07-7.07zm6.36 6.37l-7.07 7.07-5.66-5.66L8.3 2.05h5.66v5.66z" fill-rule="evenodd"/> <path fill="currentColor" d="M9.7 6.3a1 1 0 101.42-1.42 1 1 0 00-1.41 1.41zM9 7a2 2 0 102.83-2.83A2 2 0 009 7z" fill-rule="evenodd"/></svg> Up to 29% off </span> </div></div><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17039720462" data-product-id="17039720462" data-product-url="/products/pibow-3-coupe" data-product-id="17039720462"> <label for="compare-17039720462">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pibow-3-coupe" class="card-link text-current js-prod-link">Pibow 3 Coupé (Raspberry Pi 3, 2, & B+)</a> </p><div> <div class="rating inline-block align-middle" role="img" aria-label="5.0 out of 5.0 stars"> <span class="rating__stars" aria-hidden="true" style="--rating: 5; --rating-max: 5.0;">★★★★★</span> </div> <div class="rating__count inline-block align-middle text-sm">(1)</div> </div><div class="product-card__price flex grow items-end justify-center"><div class="price price--on-sale price--sale-color price--bottom"><div class="price__default"> <span class="price__from">From</span> <span class="price__current">£6.01 </span> <s class="price__was">£8.50 </s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><div class="no-js-hidden"> <button type="button" class="btn btn--primary w-full js-quick-add" aria-haspopup="dialog" data-product-url="/products/pibow-3-coupe" data-product-id="17039720462" data-product-default-variant="false" > <span class="quick-add-btn-icon block pointer-events-none"> <span class="visually-hidden">Choose options</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text block pointer-events-none">Options</span> </button> <a href="/products/pibow-3-coupe" class="btn btn--secondary quick-add-view-btn">View details</a> </div></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/0-96-spi-colour-lcd-160x80-breakout" aria-label="0.96" SPI Colour LCD (160x80) Breakout" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623411298365" loading="lazy" width="800" height="800" alt="0.96 SPI Colour LCD (160x80) Breakout - LCD Displays"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-582.jpg?v=1601033168&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="0.96 SPI Colour LCD (160x80) Breakout - LCD Displays"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="0.96 SPI Colour LCD (160x80) Breakout - LCD Displays"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/0-96-spi-colour-lcd-160x80-breakout-displays-pimoroni-cool-components-861.jpg?v=1601033168&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="0.96 SPI Colour LCD (160x80) Breakout - LCD Displays"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1826707701821" data-product-id="1826707701821" data-product-url="/products/0-96-spi-colour-lcd-160x80-breakout" data-product-id="1826707701821"> <label for="compare-1826707701821">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/0-96-spi-colour-lcd-160x80-breakout" class="card-link text-current js-prod-link">0.96" SPI Colour LCD (160x80) Breakout</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£16.50 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="13974301114429" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1826707701821" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="13974301114429" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="13974301114429"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/0-96-spi-colour-lcd-160x80-breakout" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1826707701821" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/automation-hat" aria-label="Automation HAT" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623648505917" loading="lazy" width="800" height="800" alt="Automation Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-396.jpg?v=1601038929&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Automation Hat - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Automation Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/automation-hat-raspberry-pi-pimoroni-cool-components-574.jpg?v=1601038929&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Automation Hat - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17020649486" data-product-id="17020649486" data-product-url="/products/automation-hat" data-product-id="17020649486"> <label for="compare-17020649486">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/automation-hat" class="card-link text-current js-prod-link">Automation HAT</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£30.00 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="72430354446" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-17020649486" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="72430354446" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="72430354446"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/automation-hat" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="17020649486" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pinbetween" aria-label="Pinbetween" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1922786590781" loading="lazy" width="800" height="800" alt="Pinbetween - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_267.jpg?v=1560261376&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pinbetween - Accessories and Breakout Boards"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pinbetween - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pinbetween-accessories-and-breakout-boards-bbc-microbit-micro-bit-pimoroni-cool-components_914.jpg?v=1560261376&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pinbetween - Accessories and Breakout Boards"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-3690764894269" data-product-id="3690764894269" data-product-url="/products/pinbetween" data-product-id="3690764894269"> <label for="compare-3690764894269">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pinbetween" class="card-link text-current js-prod-link">Pinbetween</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£7.20 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="28601923764285" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-3690764894269" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="28601923764285" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="28601923764285"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pinbetween" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="3690764894269" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pibow-touchscreen-frame" aria-label="Pibow Touchscreen Frame" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623413657661" loading="lazy" width="800" height="800" alt="Pibow Touchscreen Frame - Coupé (Red) - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-coupe-red-case-raspberry-pi-enclosures-pimoroni-cool-components-542.jpg?v=1601033244&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pibow Touchscreen Frame - Coupé (Red) - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pibow Touchscreen Frame - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pibow-touchscreen-frame-case-raspberry-pi-enclosures-pimoroni-cool-components-844.jpg?v=1601033244&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pibow Touchscreen Frame - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-3879225196605" data-product-id="3879225196605" data-product-url="/products/pibow-touchscreen-frame" data-product-id="3879225196605"> <label for="compare-3879225196605">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pibow-touchscreen-frame" class="card-link text-current js-prod-link">Pibow Touchscreen Frame</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£13.20 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><div class="no-js-hidden"> <button type="button" class="btn btn--primary w-full js-quick-add" aria-haspopup="dialog" data-product-url="/products/pibow-touchscreen-frame" data-product-id="3879225196605" data-product-default-variant="false" > <span class="quick-add-btn-icon block pointer-events-none"> <span class="visually-hidden">Choose options</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text block pointer-events-none">Options</span> </button> <a href="/products/pibow-touchscreen-frame" class="btn btn--secondary quick-add-view-btn">View details</a> </div></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pico-proto" aria-label="Pico Proto" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="20190601969725" loading="lazy" width="800" height="800" alt="Pico Proto - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-891.jpg?v=1614702887&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pico Proto - Component"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pico Proto - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-proto-raspberry-pi-component-pimoroni-cool-components-236.jpg?v=1614702887&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pico Proto - Component"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-6539798609981" data-product-id="6539798609981" data-product-url="/products/pico-proto" data-product-id="6539798609981"> <label for="compare-6539798609981">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pico-proto" class="card-link text-current js-prod-link">Pico Proto</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£2.10 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="39254517022781" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-6539798609981" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39254517022781" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="39254517022781"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pico-proto" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="6539798609981" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pico-omnibus-dual-expander" aria-label="Pico Omnibus (Dual Expander)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="20190601642045" loading="lazy" width="800" height="800" alt="Pico Omnibus (Dual Expander) - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-833.jpg?v=1614702867&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pico Omnibus (Dual Expander) - Component"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pico Omnibus (Dual Expander) - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-omnibus-dual-expander-raspberry-pi-component-pimoroni-cool-components-793.jpg?v=1614702867&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pico Omnibus (Dual Expander) - Component"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-6539798675517" data-product-id="6539798675517" data-product-url="/products/pico-omnibus-dual-expander" data-product-id="6539798675517"> <label for="compare-6539798675517">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pico-omnibus-dual-expander" class="card-link text-current js-prod-link">Pico Omnibus (Dual Expander)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£8.40 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="39254516891709" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-6539798675517" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39254516891709" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="39254516891709"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pico-omnibus-dual-expander" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="6539798675517" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/5x5-rgb-matrix-breakout" aria-label="5x5 RGB Matrix Breakout" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1762955755581" loading="lazy" width="800" height="800" alt="5x5 RGB Matrix Breakout - LED Displays"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_650.jpg?v=1551182499&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="5x5 RGB Matrix Breakout - LED Displays"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="5x5 RGB Matrix Breakout - LED Displays"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/5x5-rgb-matrix-breakout-led-displays-leds-pimoroni-cool-components_267.jpg?v=1551182499&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="5x5 RGB Matrix Breakout - LED Displays"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1826699903037" data-product-id="1826699903037" data-product-url="/products/5x5-rgb-matrix-breakout" data-product-id="1826699903037"> <label for="compare-1826699903037">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/5x5-rgb-matrix-breakout" class="card-link text-current js-prod-link">5x5 RGB Matrix Breakout</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£9.90 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="13974270214205" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1826699903037" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="13974270214205" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="13974270214205"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/5x5-rgb-matrix-breakout" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1826699903037" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/onoff-shim-for-raspberry-pi-all-models" aria-label="OnOff SHIM for Raspberry Pi (all models)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1607206961213" loading="lazy" width="800" height="800" alt="Onoff Shim For Raspberry Pi (All Models) - Power"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_855.jpg?v=1537306013&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Onoff Shim For Raspberry Pi (All Models) - Power"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Onoff Shim For Raspberry Pi (All Models) - Power"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/onoff-shim-for-raspberry-pi-all-models-power-supply-zero-switches-pimoroni-cool-components_830.jpg?v=1537306014&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Onoff Shim For Raspberry Pi (All Models) - Power"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1400385503293" data-product-id="1400385503293" data-product-url="/products/onoff-shim-for-raspberry-pi-all-models" data-product-id="1400385503293"> <label for="compare-1400385503293">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/onoff-shim-for-raspberry-pi-all-models" class="card-link text-current js-prod-link">OnOff SHIM for Raspberry Pi (all models)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£7.50 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="12559685976125" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1400385503293" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="12559685976125" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="12559685976125"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/onoff-shim-for-raspberry-pi-all-models" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1400385503293" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media relative"> <a href="/products/noise-bit-for-bbc-micro-bit" aria-label="noise:bit for BBC micro:bit" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1607202144317" loading="lazy" width="800" height="800" alt="Noise:bit For Bbc Micro:bit - Micro:bit"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/noisebit-for-bbc-microbit-audio-education-micro-bit-pimoroni-cool-components_797.jpg?v=1537305579&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Noise:bit For Bbc Micro:bit - Micro:bit"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1400532402237" data-product-id="1400532402237" data-product-url="/products/noise-bit-for-bbc-micro-bit" data-product-id="1400532402237"> <label for="compare-1400532402237">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/noise-bit-for-bbc-micro-bit" class="card-link text-current js-prod-link">noise:bit for BBC micro:bit</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£15.00 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="12560137322557" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1400532402237" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="12560137322557" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="12560137322557"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/noise-bit-for-bbc-micro-bit" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1400532402237" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/touch-phat" aria-label="Touch pHAT" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=320 320w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=460 460w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=600 600w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=700 700w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="23639351132221" loading="lazy" width="800" height="800" alt="Touch pHAT - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-948.jpg?v=1702472678&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Touch pHAT - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=320 320w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=460 460w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=600 600w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=700 700w, //coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Touch pHAT - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/files/touch-phat-raspberry-pi-pimoroni-cool-components-461.jpg?v=1702472682&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Touch pHAT - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17019994126" data-product-id="17019994126" data-product-url="/products/touch-phat" data-product-id="17019994126"> <label for="compare-17019994126">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/touch-phat" class="card-link text-current js-prod-link">Touch pHAT</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£9.30 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="72428945422" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-17019994126" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="72428945422" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="72428945422"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/touch-phat" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="17019994126" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/touch-bit" aria-label="touch:bit" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1607264305213" loading="lazy" width="800" height="800" alt="Touch:bit - Micro:bit"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_666.jpg?v=1537311502&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Touch:bit - Micro:bit"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Touch:bit - Micro:bit"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/touchbit-bbc-microbit-buttons-leds-micro-bit-pimoroni-cool-components_720.jpg?v=1537311502&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Touch:bit - Micro:bit"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1453652639805" data-product-id="1453652639805" data-product-url="/products/touch-bit" data-product-id="1453652639805"> <label for="compare-1453652639805">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/touch-bit" class="card-link text-current js-prod-link">touch:bit</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£12.00 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="12768747913277" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1453652639805" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="12768747913277" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="12768747913277"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/touch-bit" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1453652639805" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/what-the-flex" aria-label="What The Flex" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1805790576701" loading="lazy" width="800" height="800" alt="What The Flex - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_240.jpg?v=1555320710&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="What The Flex - Accessories and Breakout Boards"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="What The Flex - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/what-the-flex-accessories-and-breakout-boards-cables-adapters-pimoroni-cool-components_974.jpg?v=1555320710&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="What The Flex - Accessories and Breakout Boards"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1874836521021" data-product-id="1874836521021" data-product-url="/products/what-the-flex" data-product-id="1874836521021"> <label for="compare-1874836521021">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/what-the-flex" class="card-link text-current js-prod-link">What The Flex</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£7.20 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="14129844944957" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1874836521021" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="14129844944957" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="14129844944957"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/what-the-flex" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1874836521021" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/four-letter-phat" aria-label="Four Letter pHAT" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623643951165" loading="lazy" width="800" height="800" alt="Four Letter Phat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-476.jpg?v=1601038711&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Four Letter Phat - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Four Letter Phat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/four-letter-phat-raspberry-pi-pimoroni-cool-components-260.jpg?v=1601038711&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Four Letter Phat - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17020387342" data-product-id="17020387342" data-product-url="/products/four-letter-phat" data-product-id="17020387342"> <label for="compare-17020387342">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/four-letter-phat" class="card-link text-current js-prod-link">Four Letter pHAT</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£11.70 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="72429699086" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-17020387342" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="72429699086" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="72429699086"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/four-letter-phat" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="17020387342" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/nano-hat-hacker" aria-label="Nano Hat Hacker" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="20439533158461" loading="lazy" width="800" height="800" alt="Nano Hat Hacker - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-561.jpg?v=1624329356&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Nano Hat Hacker - Component"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Nano Hat Hacker - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/nano-hat-hacker-raspberry-pi-component-pimoroni-cool-components-850.jpg?v=1624329356&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Nano Hat Hacker - Component"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-6539798380605" data-product-id="6539798380605" data-product-url="/products/nano-hat-hacker" data-product-id="6539798380605"> <label for="compare-6539798380605">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/nano-hat-hacker" class="card-link text-current js-prod-link">Nano Hat Hacker</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£3.00 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="39254516498493" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-6539798380605" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39254516498493" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="39254516498493"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/nano-hat-hacker" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="6539798380605" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pan-tilt-hat-without-pan-tilt-module" aria-label="Pan-Tilt HAT (without Pan-Tilt module)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1917465002045" loading="lazy" width="800" height="800" alt="Pan-Tilt HAT (without Pan-Tilt module) - Robot"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_578.jpg?v=1559220548&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pan-Tilt HAT (without Pan-Tilt module) - Robot"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pan-Tilt HAT (without Pan-Tilt module) - Robot"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pan-tilt-hat-without-module-robotics-robot-pimoroni-cool-components_811.jpg?v=1559220548&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pan-Tilt HAT (without Pan-Tilt module) - Robot"> </noscript> </a><div class="product-label-container absolute top-0 start"><div class="product-label-wrapper flex"> <span class="product-label product-label--sale"> <svg class="icon icon--price_tag" width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M7.59 1.34a1 1 0 01.7-.29h5.66a1 1 0 011 1v5.66a1 1 0 01-.3.7L7.6 15.5a1 1 0 01-1.42 0L.52 9.83a1 1 0 010-1.42l7.07-7.07zm6.36 6.37l-7.07 7.07-5.66-5.66L8.3 2.05h5.66v5.66z" fill-rule="evenodd"/> <path fill="currentColor" d="M9.7 6.3a1 1 0 101.42-1.42 1 1 0 00-1.41 1.41zM9 7a2 2 0 102.83-2.83A2 2 0 009 7z" fill-rule="evenodd"/></svg> 22% off </span> </div></div><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-3681904197693" data-product-id="3681904197693" data-product-url="/products/pan-tilt-hat-without-pan-tilt-module" data-product-id="3681904197693"> <label for="compare-3681904197693">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pan-tilt-hat-without-pan-tilt-module" class="card-link text-current js-prod-link">Pan-Tilt HAT (without Pan-Tilt module)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--on-sale price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£11.21 </span> <s class="price__was">£14.46 </s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="28571352662077" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-3681904197693" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="28571352662077" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="28571352662077"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pan-tilt-hat-without-pan-tilt-module" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="3681904197693" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/skywriter-hat" aria-label="Skywriter HAT" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623641395261" loading="lazy" width="800" height="800" alt="Skywriter Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-702.jpg?v=1601038630&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Skywriter Hat - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Skywriter Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/skywriter-hat-raspberry-pi-pimoroni-cool-components-992.jpg?v=1601038630&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Skywriter Hat - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17020059662" data-product-id="17020059662" data-product-url="/products/skywriter-hat" data-product-id="17020059662"> <label for="compare-17020059662">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/skywriter-hat" class="card-link text-current js-prod-link">Skywriter HAT</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£19.80 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="72429076494" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-17020059662" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="72429076494" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="72429076494"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/skywriter-hat" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="17020059662" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/breakout-garden-mini-i2c-spi" aria-label="Breakout Garden Mini (I2C + SPI)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="2189753843773" loading="lazy" width="800" height="800" alt="Breakout Garden Mini (I2C + SPI) - Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_569.jpg?v=1570094608&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Breakout Garden Mini (I2C + SPI) - Breakout Boards"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Breakout Garden Mini (I2C + SPI) - Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-mini-i2c-spi-boards-raspberry-pi-pimoroni-cool-components_166.jpg?v=1570094608&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Breakout Garden Mini (I2C + SPI) - Breakout Boards"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-4168847065149" data-product-id="4168847065149" data-product-url="/products/breakout-garden-mini-i2c-spi" data-product-id="4168847065149"> <label for="compare-4168847065149">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/breakout-garden-mini-i2c-spi" class="card-link text-current js-prod-link">Breakout Garden Mini (I2C + SPI)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£10.80 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="30417720574013" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-4168847065149" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="30417720574013" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="30417720574013"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/breakout-garden-mini-i2c-spi" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="4168847065149" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/breakout-garden-hat-i2c-spi" aria-label="Breakout Garden HAT (I2C + SPI)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8635589165117" loading="lazy" width="800" height="800" alt="Breakout Garden HAT (I2C + SPI) - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-753.jpg?v=1601472080&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Breakout Garden HAT (I2C + SPI) - Accessories and Breakout Boards"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Breakout Garden HAT (I2C + SPI) - Accessories and Breakout Boards"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/breakout-garden-hat-i2c-spi-boards-raspberry-pi-accessories-and-pimoroni-cool-components-129.jpg?v=1601472080&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Breakout Garden HAT (I2C + SPI) - Accessories and Breakout Boards"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-3681960656957" data-product-id="3681960656957" data-product-url="/products/breakout-garden-hat-i2c-spi" data-product-id="3681960656957"> <label for="compare-3681960656957">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/breakout-garden-hat-i2c-spi" class="card-link text-current js-prod-link">Breakout Garden HAT (I2C + SPI)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£14.10 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="28571659305021" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-3681960656957" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="28571659305021" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="28571659305021"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/breakout-garden-hat-i2c-spi" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="3681960656957" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pico-breakout-garden-base" aria-label="Pico Breakout Garden Base" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="21047639179325" loading="lazy" width="800" height="800" alt="Pico Breakout Garden Base - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-706.jpg?v=1646136128&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pico Breakout Garden Base - Component"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pico Breakout Garden Base - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pico-breakout-garden-base-boards-raspberry-pi-component-pimoroni-cool-components-551.jpg?v=1646136131&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pico Breakout Garden Base - Component"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-6728702001213" data-product-id="6728702001213" data-product-url="/products/pico-breakout-garden-base" data-product-id="6728702001213"> <label for="compare-6728702001213">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pico-breakout-garden-base" class="card-link text-current js-prod-link">Pico Breakout Garden Base</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£13.20 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="39791747399741" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-6728702001213" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39791747399741" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="39791747399741"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pico-breakout-garden-base" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="6728702001213" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/pibow-3-b-raspberry-pi-3-b-3-2-rainbow" aria-label="Pibow 3 B+ (Raspberry Pi 3 B+, 3, & 2) - Rainbow" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1744653615165" loading="lazy" width="800" height="800" alt="Pibow 3 B+ (Raspberry Pi 3 B+ 3 & 2) - Rainbow - Raspberry Pi Enclosures"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_751.jpg?v=1549557762&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Pibow 3 B+ (Raspberry Pi 3 B+ 3 & 2) - Rainbow - Raspberry Pi Enclosures"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Pibow 3 B+ (Raspberry Pi 3 B+ 3 & 2) - Rainbow - Raspberry Pi Enclosures"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/pibow-3-b-raspberry-pi-2-rainbow-enclosures-pimoroni-cool-components_728.jpg?v=1549557763&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Pibow 3 B+ (Raspberry Pi 3 B+ 3 & 2) - Rainbow - Raspberry Pi Enclosures"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-1806382563389" data-product-id="1806382563389" data-product-url="/products/pibow-3-b-raspberry-pi-3-b-3-2-rainbow" data-product-id="1806382563389"> <label for="compare-1806382563389">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/pibow-3-b-raspberry-pi-3-b-3-2-rainbow" class="card-link text-current js-prod-link">Pibow 3 B+ (Raspberry Pi 3 B+, 3, & 2) - Rainbow</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£14.10 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="13919104467005" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-1806382563389" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="13919104467005" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="13919104467005"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/pibow-3-b-raspberry-pi-3-b-3-2-rainbow" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="1806382563389" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/flotilla-dial" aria-label="Flotilla - Dial" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="1607103316029" loading="lazy" width="800" height="800" alt="Flotilla - Dial - Passive Components"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_100.jpg?v=1537298972&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Flotilla - Dial - Passive Components"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Flotilla - Dial - Passive Components"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/flotilla-dial-passive-components-pimoroni-cool_636.jpg?v=1537298972&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Flotilla - Dial - Passive Components"> </noscript> </a><div class="product-label-container absolute top-0 start"><div class="product-label-wrapper flex"> <span class="product-label product-label--sale"> <svg class="icon icon--price_tag" width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M7.59 1.34a1 1 0 01.7-.29h5.66a1 1 0 011 1v5.66a1 1 0 01-.3.7L7.6 15.5a1 1 0 01-1.42 0L.52 9.83a1 1 0 010-1.42l7.07-7.07zm6.36 6.37l-7.07 7.07-5.66-5.66L8.3 2.05h5.66v5.66z" fill-rule="evenodd"/> <path fill="currentColor" d="M9.7 6.3a1 1 0 101.42-1.42 1 1 0 00-1.41 1.41zM9 7a2 2 0 102.83-2.83A2 2 0 009 7z" fill-rule="evenodd"/></svg> 28% off </span> </div></div><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-64731512846" data-product-id="64731512846" data-product-url="/products/flotilla-dial" data-product-id="64731512846"> <label for="compare-64731512846">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/flotilla-dial" class="card-link text-current js-prod-link">Flotilla - Dial</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--on-sale price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£4.34 </span> <s class="price__was">£5.99 </s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="359200423950" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-64731512846" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="359200423950" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="359200423950"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/flotilla-dial" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="64731512846" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/unicorn-hat" aria-label="Unicorn HAT" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="8623636774973" loading="lazy" width="800" height="800" alt="Unicorn Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-204.jpg?v=1601038500&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Unicorn Hat - Raspberry Pi"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Unicorn Hat - Raspberry Pi"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/unicorn-hat-raspberry-pi-pimoroni-cool-components-413.jpg?v=1601038500&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Unicorn Hat - Raspberry Pi"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-17019961358" data-product-id="17019961358" data-product-url="/products/unicorn-hat" data-product-id="17019961358"> <label for="compare-17019961358">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/unicorn-hat" class="card-link text-current js-prod-link">Unicorn HAT</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£28.20 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="72428879886" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-17019961358" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="72428879886" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="72428879886"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/unicorn-hat" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="17019961358" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li><li class="js-pagination-result"><product-card class="card card--product h-full card--product-contained card--product-contained-outset card--no-lines card--product-compare relative flex"> <div class="card__media has-hover-image relative"> <a href="/products/inky-developer-5-7-display-7-colour-epaper-eink" aria-label="Inky Developer 5.7" Display (7 colour ePaper/eInk)" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img data-srcset="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=460" 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 img-fit--contain card__main-image no-js-hidden" data-media-id="21148206891069" loading="lazy" width="800" height="800" alt="Inky Developer 5.7 Display (7 colour ePaper/eInk) - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-478.jpg?v=1648545704&width=460" loading="lazy" class="img-fit img-fit--contain card__main-image" width="800" height="800" alt="Inky Developer 5.7 Display (7 colour ePaper/eInk) - Component"> </noscript> <img data-srcset="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=320 320w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=460 460w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=600 600w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=700 700w, //coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=800 800w" sizes="(min-width: 1328px) calc((1200px - 96px) / 5), (min-width: 1280px) calc((100vw - 224px) / 5), (min-width: 769px) calc((100vw - 168px) / 4), (min-width: 600px) calc((100vw - 144px) / 3), calc((100vw - 52px) / 2)" data-src="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=460" 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 img-fit--contain card__hover-image no-js-hidden" loading="lazy" width="800" height="800" alt="Inky Developer 5.7 Display (7 colour ePaper/eInk) - Component"><noscript> <img src="//coolcomponents.co.uk/cdn/shop/products/inky-developer-5-7-display-colour-epapereink-lcd-displays-component-pimoroni-cool-components-252.jpg?v=1648545707&width=460" loading="lazy" class="img-fit img-fit--contain card__hover-image" width="800" height="800" alt="Inky Developer 5.7 Display (7 colour ePaper/eInk) - Component"> </noscript> </a><div class="card__compare no-js-hidden text-sm"> <input type="checkbox" class="checkbox checkbox--compare js-compare-checkbox" id="compare-6749096771645" data-product-id="6749096771645" data-product-url="/products/inky-developer-5-7-display-7-colour-epaper-eink" data-product-id="6749096771645"> <label for="compare-6749096771645">Compare</label> </div></div> <div class="card__info-container flex flex-col flex-auto relative"> <div class="card__info w-full"> <div class="card__info-inner flex flex-col h-full text-center w-full"><p class="card__vendor mb-0 text-sm text-theme-light">Pimoroni</p><p class="card__title font-bold mt-1 mb-0"> <a href="/products/inky-developer-5-7-display-7-colour-epaper-eink" class="card-link text-current js-prod-link">Inky Developer 5.7" Display (7 colour ePaper/eInk)</a> </p><div class="product-card__price flex grow items-end justify-center"><div class="price price--sale-color price--bottom"><div class="price__default"> <span class="price__current">£72.60 </span> <s class="price__was"></s> </div><div class="unit-price relative" hidden><span class="visually-hidden">Unit price</span><span class="unit-price__price"> </span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div> <div class="price__no-variant" hidden> <span class="price__current">Unavailable</span> </div> </div> </div></div> </div><div class="card__quick-add mob:card__quick-add--below desktop:card__quick-add--below"><product-form class="relative text-center" data-variant-id="39852668944445" data-show-quantity-selector="false"> <div class="alert mb-8 bg-error-bg text-error-text js-form-error text-start" role="alert" hidden></div><form method="post" action="/cart/add" id="quick-add-6749096771645" accept-charset="UTF-8" class="js-product-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39852668944445" disabled><button class="btn btn--primary w-full btn--atc" data-add-to-cart-text="+ Cart" name="add" aria-haspopup="dialog"> <span class="quick-add-btn-icon"> <span class="visually-hidden">+ Cart</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12.12 20.44H5.6V9.56h12.8v3.73c.06.4.4.69.8.7.44 0 .8-.35.8-.8v-4.5a.792.792 0 0 0-.8-.69H17V6.5C16.9 4 14.7 2 12 2S7 4.09 7 6.67V8H4.71c-.4.04-.71.37-.71.78v12.53a.8.8 0 0 0 .8.69h7.43c.38-.06.67-.39.67-.78 0-.43-.35-.78-.78-.78ZM8.66 6.67c0-1.72 1.49-3.11 3.33-3.11s3.33 1.39 3.33 3.11V8H8.65V6.67Z"/><path d="M20 17.25h-2.4v-2.5a.817.817 0 0 0-.8-.7c-.44 0-.8.36-.8.8v2.4h-2.5c-.4.06-.7.4-.7.8 0 .44.36.8.8.8H16v2.5c.06.4.4.7.8.7.44 0 .8-.36.8-.8v-2.4h2.5c.4-.06.69-.4.7-.8 0-.44-.35-.8-.8-.8Z"/></svg> </span> <span class="quick-add-btn-text">+ Cart</span> </button> <quantity-input class="inline-block"> <label class="label visually-hidden" for="quantity-template--15768527470653__collection-products">Qty</label> <div class="qty-input qty-input--combined inline-flex items-center w-full"> <button type="button" class="qty-input__btn btn btn--minus no-js-hidden" name="minus"> <span class="visually-hidden">-</span> </button> <input type="number" class="qty-input__input input" id="quantity-template--15768527470653__collection-products" name="updates[]" min="0" value="0" data-index="1" data-initial-value="0" aria-label="Quantity" data-variant-id="39852668944445"> <button type="button" class="qty-input__btn btn btn--plus no-js-hidden" name="plus"> <span class="visually-hidden">+</span> </button> </div> </quantity-input> <div class="alert mt-6 bg-error-bg text-error-text js-product-form-errors" role="alert" hidden></div> <a href="/products/inky-developer-5-7-display-7-colour-epaper-eink" class="btn btn--secondary quick-add-view-btn">View details</a><input type="hidden" name="product-id" value="6749096771645" /><input type="hidden" name="section-id" value="template--15768527470653__collection-products" /></form></product-form></div></div> </product-card></li></ul><nav aria-label="Pagination"> <ul class="pagination relative flex flex-wrap justify-center items-center justify-between w-full mx-auto mb-10 js-pagination" data-is-more-results="true" data-pagination-style="traditional"> <li class="pagination__item pagination__item--arrow"> <a class="pagination__arrow pagination__arrow--prev hover:lighten flex text-current items-center has-ltr-icon" role="link" aria-disabled="true" data-instant> <span class="pagination__arrow-icon" aria-hidden="true"><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></span> <span class="pagination__prev-label mis-2">Previous</span> </a> </li> <li class="pagination__item text-center md:hidden font-bold"> Page 1 / 2 </li><li class="hidden md:block"><span class="pagination__page-current font-bold block leading-none">1</span></li><li class="hidden md:block"><a class="pagination__page-link text-current block leading-none" href="/collections/pimoroni?page=2" data-instant>2</a></li><li class="pagination__item pagination__item--arrow"> <a class="pagination__arrow pagination__arrow--next hover:lighten flex justify-end text-current items-center has-ltr-icon js-pagination-load-more" href="/collections/pimoroni?page=2" data-instant> <span class="pagination__next-label text-end">Next</span> <span class="pagination__arrow-icon" aria-hidden="true"><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></span> </a> </li> </ul> </nav> </div> </custom-pagination></div> </div> </main> <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>  <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="/collections/pimoroni" /><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> <link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/compare-toggle.css?v=22809739446507796881717517092" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/product-compare.css?v=54331353214966560761715672870"> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/modal.css?v=18313233855085777461715672870"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/details-modal.js?v=145869666890219779111715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/compare-drawer.js?v=93103000547569054511715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/compare-modal.js?v=55592954688548999281715672870" defer="defer"></script> <button class="btn btn--compare btn--icon-right js-open-compare-drawer is-out has-motion" id="compare-drawer-open" style="visibility: hidden;"> Compare (<span class="js-compare-counter pointer-events-none"></span>) <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> </button> <compare-drawer class="drawer fixed top-0 right-0 flex flex-col w-full has-motion" data-name="product-compare" role="dialog" tabindex="-1" aria-labelledby="compare-title" aria-modal="true" data-max-compare="4"> <header class="drawer__header flex items-center"> <h2 class="h5 mb-0" id="compare-title"> Compare <span class="js-compare-counter"></span>/4</h2> <button type="button" class="text-current js-close-compare 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> </header> <div class="drawer__content flex-auto"> <div class="loading-spinner" role="status"> <span class="sr-only">Loading...</span> </div> <div class="revealable js-compare-basket"></div> </div> <footer class="drawer__footer"> <button class="btn btn--primary js-trigger-compare w-full"> Compare now </button> <button class="link text-sm mt-4 text-current w-full js-clear-compare"> Clear all </button> </footer> </compare-drawer> <compare-modal class="compare-modal js-compare-modal"> <details class="details-modal compare-details hidden"> <div class="modal fixed top-0 left-0 w-full h-full flex items-center justify-center"> <div class="modal__window relative bg-theme-bg text-theme-text text-start overflow-hidden has-motion" role="dialog" aria-modal="true" tabindex="-1" aria-label="Product comparison"> <div class="modal__content"> <div class="compare-container"> <div class="loading-spinner" role="status"> <span class="sr-only">Loading...</span> </div> <div class="revealable js-compare-area"></div> </div> </div> </div> <button class="btn btn--icon text-current fixed top-0 end js-compare-close"> <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> <span class="visually-hidden">Close</span> </button> </div> </details> </compare-modal> <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> <script async type="text/javascript" data-api-key="pubkey-7gz68er6q8qFBELc0c0031a0SBn73v" id="stamped-script-widget" src="https://cdn1.stamped.io/files/widget.min.js"></script>  <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>

CINXE.COM

Pimoroni – Cool Components