Adafruit Learning System

<!doctype html> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <link rel="mask-icon" href="/assets/adafruit_favicon-fa25640e.svg" color="#000000"> <link rel="icon" type="image/x-icon" href="/assets/favicon-5362a6c7.ico" /> <title>Adafruit Learning System</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="KIKAQSDstpLFK9mCIIHaoBGi-4ZXlv8vwWEiQ59ZUn1iRWAGil8LsjNex8YfkU6g4s0ku-37W_mUq63VUsTBsg" /> <link rel="alternate" type="application/atom+xml" title="ATOM" href="/feed" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.rss" /> <link rel="stylesheet" href="/assets/application-804ecc1c.css" data-turbo-track="reload" media="screen" /> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-light-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-regular-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-semibold-webfont.woff2" as="font" type="font/woff2" crossorigin> <script> var dataLayer = []; function gtag(){dataLayer.push(arguments);} </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PRPXBQ6');</script>  <script> gtag('js', new Date()); </script> <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>  <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <script> window.rails_env = 'production'; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://learn.adafruit.com/", "potentialAction": { "@type": "SearchAction", "target": "https://learn.adafruit.com/search?q={search_term}", "query-input": "required name=search_term" } } </script> <script src="/assets/application-3792cf70.js" data-turbo-track="reload" type="module"></script> </head> <body class="application guides index production">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPXBQ6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="outer-wrapper"> <div id="inner-wrapper"> <div id="messaging-wrapper" class="messages-container" data-load="https://www.adafruit.com/api/multi_message.php"></div> <a data-turbo="false" class="skip-to-main" href="#main-content-container">Skip to main content</a> <header id="adafruit-header" aria-label="Adafruit header"> <div id="small-header"> <div class="first-row"> <nav aria-label="Adafruit applications menu"> <ul class="application-links"> <li><a aria-label="Adafruit Shop" href="https://www.adafruit.com">Shop</a></li> <li class="selected"><a aria-label="Adafruit Learning System" href="https://learn.adafruit.com">Learn</a></li> <li><a aria-label="Adafruit Blog" href="https://blog.adafruit.com">Blog</a></li> <li><a aria-label="Adafruit Forums and Support" href="https://forums.adafruit.com">Forums</a></li> <li><a aria-label="Adafruit IO, the internet of things" href="https://io.adafruit.com">IO</a></li> <li><a aria-label="Adafruit Youtube Videos" href="https://www.youtube.com/adafruit/live">LIVE!</a></li> <li><a aria-label="Adafruit product box subscription" href="https://www.adabox.com">AdaBox</a></li> </ul> </nav> </div> <div class="second-row"> <div class="row-content"> <div id="mobile-header-logo"> <a href="https://learn.adafruit.com"> <img id="small-logo" height="50" width="50" alt="Adafruit Logo" src="/logos/adafruit_logo_small.png?2617383245792698807" /> </a> </div> <button id="mobile-menu-button" class="c-hamburger c-hamburger--htx"> <span>toggle menu</span> </button> <div id="mobile-search-wrapper"> <form action="https://learn.adafruit.com/search" method="get"> <label for="mobile-search" style="display:none;">Search</label> <input id="mobile-search" type="text" name="q" autocomplete="off" data-app-id="W9DMM4OTH0" data-app-key="28a76a2b87be38db12283ebda329425a" data-app-index="learn_guides_production" data-app-uri="https://learn.adafruit.com" /> <button type="submit" aria-label="Submit search"><i class="fa fa-search"></i></button> </form> </div> <a id="mobile-header-cart" href="https://www.adafruit.com/shopping_cart"> <span class="small-cart-count" aria-live="polite">0</span> <i class="fa fa-shopping-cart"></i> </a> </div> </div> <nav id="small-header-nav"> <div id="small-menu"> <ul> <li class="account-info"> <a href="/users/sign_in">Sign In</a> | <a href="https://accounts.adafruit.com/">Create Account</a> </li> <li><a href="https://adafruit-playground.com">Playground</a></li> <li><a href="/guides/latest">New Guides</a></li> <li><a href="/groups">Series</a></li> <li><a href="https://www.adafruit.com/wishlists">Wishlists</a></li> <li> <a class="random-guide-link" aria-label="View a Random Guide" href="https://learn.adafruit.com/guides/random"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path fill="currentColor" d="M478.578,244.475H278.047c-3.81,0-7.42,0.78-10.829,1.961l56.305-56.305c6.306-6.306,9.759-14.706,9.759-23.64 c0-8.935-3.454-17.335-9.759-23.64L190.282,9.609c-12.589-12.611-34.692-12.611-47.281,0L9.759,142.85 C3.454,149.156,0,157.556,0,166.491s3.454,17.335,9.759,23.64l133.242,133.242c6.306,6.306,14.683,9.759,23.64,9.759 c8.957,0,17.335-3.454,23.64-9.759l56.305-56.305c-1.181,3.409-1.961,7.019-1.961,10.829v200.531 c0,18.427,14.995,33.422,33.422,33.422h200.531c18.427,0,33.422-14.995,33.422-33.422V277.897 C512,259.47,497.005,244.475,478.578,244.475z M182.394,271.368c-4.345,4.345-10.049,6.506-15.753,6.506 s-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,248.552,191.106,262.679,182.394,271.368z M182.394,182.244c-4.345,4.345-10.049,6.506-15.753,6.506 c-5.704,0-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,159.428,191.106,173.554,182.394,182.244z M182.394,93.119c-4.345,4.345-10.049,6.506-15.753,6.506 c-5.704,0-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,70.303,191.106,84.429,182.394,93.119z M311.469,467.287c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281c12.277,0,22.281,9.982,22.281,22.281C333.75,457.305,323.746,467.287,311.469,467.287z M311.469,333.6c-12.277,0-22.281-9.982-22.281-22.281c0-12.299,10.004-22.281,22.281-22.281c12.277,0,22.281,9.982,22.281,22.281 C333.75,323.618,323.746,333.6,311.469,333.6z M378.313,400.444c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281C400.594,390.462,390.59,400.444,378.313,400.444z M445.156,467.287c-12.277,0-22.281-9.982-22.281-22.281c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281 C467.438,457.305,457.433,467.287,445.156,467.287z M445.156,333.6c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281C467.438,323.618,457.433,333.6,445.156,333.6z"/> </g> </g> </svg> </a> </li> </ul> </div> <div id="mobile-search-results"></div> </nav> </div> <div id="large-header"> <nav class="first-row" aria-label="Adafruit main site"> <div class="row-content"> <nav aria-label="Adafruit applications menu"> <ul class="application-links"> <li><a aria-label="Adafruit Shop" href="https://www.adafruit.com">Shop</a></li> <li class="selected"><a aria-label="Adafruit Learning System" href="https://learn.adafruit.com">Learn</a></li> <li><a aria-label="Adafruit Blog" href="https://blog.adafruit.com">Blog</a></li> <li><a aria-label="Adafruit Forums and Support" href="https://forums.adafruit.com">Forums</a></li> <li><a aria-label="Adafruit IO, the internet of things" href="https://io.adafruit.com">IO</a></li> <li><a aria-label="Adafruit Youtube Videos" href="https://www.youtube.com/adafruit/live">LIVE!</a></li> <li><a aria-label="Adafruit product box subscription" href="https://www.adabox.com">AdaBox</a></li> </ul> </nav> <div id="account"> <span class="sign-out"><a href="/users/sign_in">Sign In</a></span> <div class="cart"> <a aria-label="Shopping Cart, 0 items" aria-live="polite" href="https://www.adafruit.com/shopping_cart"> <i class="fa fa-shopping-cart"></i> 0 </a> </div> </div> </div> </nav> <nav class="second-row" aria-label="Adafruit Learn application"> <div class="row-content"> <div class="left-content"> <div id="logo"> <a title="Adafruit Learning System" href="https://learn.adafruit.com"> <img alt="Adafruit Logo" src="/logos/logo_2x.png?2617383245792698807" /> </a> </div> <ul class="main-nav-links"> <li class="dropdown with-overlay"> <button class="dropdown-label nav-link" aria-haspopup="true">Explore & Learn</button> <div class="dropdown-container"> <div class="dropdown-content" tabindex="-1"> <div class="flyout"> <div class="three-panels"> <div class="first-column"> <div class="content-header"> <span class="title">Learn Categories</span> </div> <div class="categories"> <ul> <li><a href="https://learn.adafruit.com/category/3d-printing">3D Printing</a></li> <li><a href="https://learn.adafruit.com/category/adabox">AdaBox</a></li> <li><a href="https://learn.adafruit.com/category/adafruit-products">Adafruit Products</a></li> <li><a href="https://learn.adafruit.com/category/arduino">Arduino Compatibles</a></li> <li><a href="https://learn.adafruit.com/category/breakout-boards">Breakout Boards</a></li> <li><a href="https://learn.adafruit.com/category/circuit-playground">Circuit Playground</a></li> <li><a href="https://learn.adafruit.com/category/circuitpython">CircuitPython</a></li> <li><a href="https://learn.adafruit.com/category/clue">CLUE</a></li> <li><a href="https://learn.adafruit.com/category/community-support">Community Support</a></li> <li><a href="https://learn.adafruit.com/category/components">Components</a></li> <li><a href="https://learn.adafruit.com/category/crickit">Crickit</a></li> <li><a href="https://learn.adafruit.com/category/customer-projects">Customer & Partner Projects</a></li> <li><a href="https://learn.adafruit.com/category/development-boards">Development Boards</a></li> <li><a href="https://learn.adafruit.com/category/educators">Educators</a></li> <li><a href="https://learn.adafruit.com/category/el">EL Wire/Tape/Panel</a></li> <li><a href="https://learn.adafruit.com/category/feather">Feather</a></li> <li><a href="https://learn.adafruit.com/category/gaming-1">Gaming</a></li> </ul> <ul> <li><a href="https://learn.adafruit.com/category/hacks">Hacks</a></li> <li><a href="https://learn.adafruit.com/category/internet-of-things-iot">Internet of Things - IOT</a></li> <li><a href="https://learn.adafruit.com/category/lcds-and-displays">LCDs & Displays</a></li> <li><a href="https://learn.adafruit.com/category/leds">LEDs</a></li> <li><a href="https://learn.adafruit.com/category/machine-learning">Machine Learning</a></li> <li><a href="https://learn.adafruit.com/category/makecode">MakeCode</a></li> <li><a href="https://learn.adafruit.com/category/maker-business">Maker Business</a></li> <li><a href="https://learn.adafruit.com/category/micro-bit">micro:bit</a></li> <li><a href="https://learn.adafruit.com/category/microcontrollers">Microcontrollers</a></li> <li><a href="https://learn.adafruit.com/category/programming">Programming</a></li> <li><a href="https://learn.adafruit.com/category/raspberry-pi">Raspberry Pi</a></li> <li><a href="https://learn.adafruit.com/category/robotics">Robotics & CNC</a></li> <li><a href="https://learn.adafruit.com/category/sensors">Sensors</a></li> <li><a href="https://learn.adafruit.com/category/stemma">STEMMA</a></li> <li><a href="https://learn.adafruit.com/category/tools">Tools</a></li> <li><a href="https://learn.adafruit.com/category/trellis">Trellis</a></li> <li><a href="https://learn.adafruit.com/category/wearables">Wearables</a></li> </ul> </div> </div> <div class="middle-column"> </div> <div class="last-column hide-md"> <section class="image-content-card"> <img data-src="https://learn.adafruit.com/assets/headlines/stemma-690676c3.jpg" class="lazy" aria-hidden="true" alt="Explore, Groups to get your gears turning" src="data:," /> <div class="text"> <div class="main"> <span>Explore</span> </div> <div class="tagline"> <span>Groups to get your gears turning</span> </div> </div> <div class="button"> <a title="Groups to get your gears turning, Explore" href="https://learn.adafruit.com/explore">Explore Groups</a> </div> </section> </div> </div> </div> </div> </div> </li> <li class="nav-link"> <a class="new-guides-link" href="https://learn.adafruit.com/guides/latest">New Guides</a> </li> <li class="nav-link"> <a href="https://adafruit-playground.com">Playground</a> </li> <li class="nav-link"> <a class="random-guide-link" aria-label="View a Random Guide" href="https://learn.adafruit.com/guides/random"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path fill="currentColor" d="M478.578,244.475H278.047c-3.81,0-7.42,0.78-10.829,1.961l56.305-56.305c6.306-6.306,9.759-14.706,9.759-23.64 c0-8.935-3.454-17.335-9.759-23.64L190.282,9.609c-12.589-12.611-34.692-12.611-47.281,0L9.759,142.85 C3.454,149.156,0,157.556,0,166.491s3.454,17.335,9.759,23.64l133.242,133.242c6.306,6.306,14.683,9.759,23.64,9.759 c8.957,0,17.335-3.454,23.64-9.759l56.305-56.305c-1.181,3.409-1.961,7.019-1.961,10.829v200.531 c0,18.427,14.995,33.422,33.422,33.422h200.531c18.427,0,33.422-14.995,33.422-33.422V277.897 C512,259.47,497.005,244.475,478.578,244.475z M182.394,271.368c-4.345,4.345-10.049,6.506-15.753,6.506 s-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,248.552,191.106,262.679,182.394,271.368z M182.394,182.244c-4.345,4.345-10.049,6.506-15.753,6.506 c-5.704,0-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,159.428,191.106,173.554,182.394,182.244z M182.394,93.119c-4.345,4.345-10.049,6.506-15.753,6.506 c-5.704,0-11.408-2.161-15.753-6.506c-8.712-8.69-8.712-22.816,0-31.506c8.69-8.712,22.816-8.712,31.506,0 C191.106,70.303,191.106,84.429,182.394,93.119z M311.469,467.287c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281c12.277,0,22.281,9.982,22.281,22.281C333.75,457.305,323.746,467.287,311.469,467.287z M311.469,333.6c-12.277,0-22.281-9.982-22.281-22.281c0-12.299,10.004-22.281,22.281-22.281c12.277,0,22.281,9.982,22.281,22.281 C333.75,323.618,323.746,333.6,311.469,333.6z M378.313,400.444c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281C400.594,390.462,390.59,400.444,378.313,400.444z M445.156,467.287c-12.277,0-22.281-9.982-22.281-22.281c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281 C467.438,457.305,457.433,467.287,445.156,467.287z M445.156,333.6c-12.277,0-22.281-9.982-22.281-22.281 c0-12.299,10.004-22.281,22.281-22.281s22.281,9.982,22.281,22.281C467.438,323.618,457.433,333.6,445.156,333.6z"/> </g> </g> </svg> </a> </li> </ul> </div> <div class="right-content"> <div class="search-wrapper"> <div id="search-info" data-page="" data-app-id="W9DMM4OTH0" data-app-key="28a76a2b87be38db12283ebda329425a" data-app-index="learn_guides_production" data-app-uri="https://learn.adafruit.com"></div> <div id="search"></div> <i class="fa fa-search"></i> </div> </div> </div> </nav> </div> </header> <turbo-frame id="flash"></turbo-frame> <main id="main-content"> <div id="main-content-container" tabindex="-1"> <section class="headline-banner "> <img data-src="https://cdn-learn.adafruit.com/features/images/000/000/030/original/AIO_Hero.jpg?1539883576" class="image-headline lazy" alt="Welcome to Adafruit IO This guide will get you up and running with Adafruit IO - the easiest way to get your project on the web." src="data:," /> <div class="overlay-container"> <div class="overlay"> <div class="overlay-content"> <div class="text"> <div class="tagline">Welcome to Adafruit IO</div> <div class="description">This guide will get you up and running with Adafruit IO - the easiest way to get your project on the web.</div> </div> <a title="Feature: Welcome to Adafruit IO This guide will get you up and running with Adafruit IO - the easiest way to get your project on the web." href="https://learn.adafruit.com/welcome-to-adafruit-io">Learn More</a> </div> </div> </div> </section> <div class="guide-group-preview-collection"> <section class="content-card-group-preview"> <div class="group-preview-headline"> <div class="title"> New Guides </div> <a class="view-all" title="View all guides in New Guides " data-turbo="false" href="/guides/latest">View All</a> </div> <a class="scroll-back"><i class="fa fa-angle-left"></i></a> <div class="content-card-group-container"> <div class="content-card-group">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/no-code-no-solder-temperature-monitoring-with-wippersnapper-offline"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/217/medium640/lead_img_proving.JPG?1743069237" aria-hidden="true" alt="A ball of dough next to three PCBs joined together by colourful wires" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/no-code-no-solder-temperature-monitoring-with-wippersnapper-offline">No-Code, No-Solder Monitoring For Perfect Bread</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/benev"> <span class="name">Ben Everard</span> </a> </div> <div class="badges"> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/create-a-memory-game-on-metro-rp2350"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/214/medium640/memory_guide_hero.png?1742930065" aria-hidden="true" alt="Memory game displayed on 7" HDMI display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/create-a-memory-game-on-metro-rp2350">Create a Memory Game on Metro RP2350</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/Foamyguy"> <span class="name">Tim C</span> </a> </div> <div class="badges"> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/plotting-offline-data-jsonl-to-csv-files-filters-and-graphs"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/212/medium640/data-logging-plotting-illustration-png24.png?1743607541" aria-hidden="true" alt="Logging data offline with Wippersnapper and SD cards. How to wrangle and then explore your data..." class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/plotting-offline-data-jsonl-to-csv-files-filters-and-graphs">Plotting Offline Data - JSONL to CSV files, filters...</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/tyeth"> <span class="name">Tyeth Gundry</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 3 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/usb-to-eurorack-power-supply"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640thumb/hero.gif?1743016999" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640mp4/hero.mp4?1743016999"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640webm/hero.webm?1743016999" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide USB to Eurorack Power Supply. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640thumb/hero.gif?1743016999" aria-hidden="true" alt="eurorack sequencer powered by the usb to eurorack power supply project" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/usb-to-eurorack-power-supply">USB to Eurorack Power Supply</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/BlitzCityDIY"> <span class="name">Liz Clark</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 2 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/love-light"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/208/medium640/love.jpeg?1741638268" aria-hidden="true" alt="LOVE Light" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/love-light">LOVE Light</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 3 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/bluetooth-speaker"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640thumb/guide-spin.gif?1742233394" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640mp4/guide-spin.mp4?1742233394"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640webm/guide-spin.webm?1742233394" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Severence-Inspired Lumon Bluetooth Speaker. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640thumb/guide-spin.gif?1742233394" aria-hidden="true" alt="Make a Bluetooth speaker with ESP32 Feather" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/bluetooth-speaker">Severence-Inspired Lumon Bluetooth Speaker</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pixil3d"> <span class="name">Ruiz Brothers</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 17 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/glowing-hair-flowers-with-n00ds"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/216/medium640/IMG_9732_2.jpeg?1742582417" aria-hidden="true" alt="Glowing Hair Flowers" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/glowing-hair-flowers-with-n00ds">Glowing Hair Flowers with n00ds</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 3 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-voice-bonnet"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/160/medium640/Voice_Bonnet_installed_angle.jpg?1603815358" aria-hidden="true" alt="Adafruit Voice Bonnet" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-voice-bonnet">Adafruit Voice Bonnet</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/kattni"> <span class="name">Kattni Rembor</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 33 </div> <div class="badge updated"> Updated </div> </div> </div> </div> </div> </div> </div> </div> <a class="scroll-forward"><i class="fa fa-angle-right"></i></a> </section> </div> <div class="headline-group"> <section class="image-content-card"> <img data-src="https://learn.adafruit.com/assets/headlines/adafruit-kit-9b6fcbfb.png" class="lazy" aria-hidden="true" alt="Start Learning Electronics, Tutorials and series to get you on your way" src="data:," /> <div class="text"> <div class="main"> <span>Start Learning Electronics</span> </div> <div class="tagline"> <span>Tutorials and series to get you on your way</span> </div> </div> <div class="button"> <a title="Tutorials and series to get you on your way, Start Learning Electronics" href="/guides/beginner">Explore Beginner Guides</a> </div> </section> <section class="image-content-card"> <img data-src="https://learn.adafruit.com/assets/headlines/adafruit-inspiration-fe0764ac.png" class="lazy" aria-hidden="true" alt="Fun Electronic Projects, Find inspiration here" src="data:," /> <div class="text"> <div class="main"> <span>Fun Electronic Projects</span> </div> <div class="tagline"> <span>Find inspiration here</span> </div> </div> <div class="button"> <a title="Find inspiration here, Fun Electronic Projects" href="/guides/projects">Explore Projects</a> </div> </section> <section class="image-content-card"> <img data-src="https://learn.adafruit.com/assets/headlines/adafruit-tools-e7e5211b.jpg" class="lazy" aria-hidden="true" alt="Electronic Skills Tutorials, Tools for every project" src="data:," /> <div class="text"> <div class="main"> <span>Electronic Skills Tutorials</span> </div> <div class="tagline"> <span>Tools for every project</span> </div> </div> <div class="button"> <a title="Tools for every project, Electronic Skills Tutorials" href="/guides/tutorials">Explore Tutorials</a> </div> </section> </div> <div class="guide-group-preview-collection"> <section class="content-card-group-preview"> <div class="group-preview-headline"> <div class="title"> Featured Guides </div> <a class="view-all" title="View all guides in Featured Guides " data-turbo="false" href="/guides/featured">View All</a> </div> <a class="scroll-back"><i class="fa fa-angle-left"></i></a> <div class="content-card-group-container"> <div class="content-card-group">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/pyportal-air-quality-display"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/451/medium640/airIMG_4429_2k.jpg?1552183695" aria-hidden="true" alt="PyPortal Air Quality Display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/pyportal-air-quality-display">PyPortal Air Quality Display</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/johnpark"> <span class="name">John Park</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 32 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/clue-step-counter-st-lsm6ds33"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/975/medium640/wearables_P1220567_edited.jpg?1586906926" aria-hidden="true" alt="CLUE Step Counter with ST LSM6DS33" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/clue-step-counter-st-lsm6ds33">CLUE Step Counter with ST LSM6DS33</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/BlitzCityDIY"> <span class="name">Liz Clark</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 19 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/matrix-portal-creature-eyes"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/125/medium640thumb/guide-anim.gif?1601095062" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/125/medium640mp4/guide-anim.mp4?1601095062"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/125/medium640webm/guide-anim.webm?1601095062" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Matrix Portal Creature Eyes. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/125/medium640thumb/guide-anim.gif?1601095062" aria-hidden="true" alt="Matrix Portal Creature Eyes" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/matrix-portal-creature-eyes">Matrix Portal Creature Eyes</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pburgess"> <span class="name">Phillip Burgess</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 76 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/pet-bowl-water-level-sensing-with-the-funhouse-and-home-assistant"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/328/medium640thumb/Main_Image.gif?1620942074" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/328/medium640mp4/Main_Image.mp4?1620942074"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/328/medium640webm/Main_Image.webm?1620942074" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Pet Bowl Water Level Sensing. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/328/medium640thumb/Main_Image.gif?1620942074" aria-hidden="true" alt="Pet Bowl Water Level Sensing" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/pet-bowl-water-level-sensing-with-the-funhouse-and-home-assistant">Pet Bowl Water Level Sensing</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/MakerMelissa"> <span class="name">M. LeBlanc-Williams</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 57 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/esphole-ad-blocker"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/574/medium640/esphole-6448.jpg?1651022573" aria-hidden="true" alt="TFT Microcontroller Board with ad blocking statistics on display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/esphole-ad-blocker">ESPHole Ad Blocker</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/johnpark"> <span class="name">John Park</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 100 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/two-way-display-with-analog-feedback-servos"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/634/medium640thumb/guide-loop-4k.gif?1659632442" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/634/medium640mp4/guide-loop-4k.mp4?1659632442"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/634/medium640webm/guide-loop-4k.webm?1659632442" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Two Way Telegraph with Analog Feedback Servos. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/634/medium640thumb/guide-loop-4k.gif?1659632442" aria-hidden="true" alt="Two Way Servo Display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/two-way-display-with-analog-feedback-servos">Two Way Telegraph with Analog Feedback Servos</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pixil3d"> <span class="name">Ruiz Brothers</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 82 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/ikea-vindriktning-hack-with-qt-py-esp32-s3-and-adafruit-io"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/840/medium640/edited_P1410086.png?1688151157" aria-hidden="true" alt="the ikea Vindriktning next to a phone displaying an adafruit io dashboard" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ikea-vindriktning-hack-with-qt-py-esp32-s3-and-adafruit-io">Ikea Vindriktning Hack with QT Py ESP32-S3 and...</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/BlitzCityDIY"> <span class="name">Liz Clark</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 33 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/qualia-s3-ios-photo-display-with-itsasnap"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/090/medium640thumb/sendingShortcut_0.gif?1727205937" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/090/medium640mp4/sendingShortcut_0.mp4?1727205937"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/090/medium640webm/sendingShortcut_0.webm?1727205937" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Qualia S3 iOS Photo Display with itsaSNAP. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/090/medium640thumb/sendingShortcut_0.gif?1727205937" aria-hidden="true" alt="two cats on the 720x720 display. the send photo to io shortcut is triggered. after the confirmation on the iphone screen, a new cat picture is shown on the qualia display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/qualia-s3-ios-photo-display-with-itsasnap">Qualia S3 iOS Photo Display with itsaSNAP</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/BlitzCityDIY"> <span class="name">Liz Clark</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 15 </div> </div> </div> </div> </div> </div> </div> </div> <a class="scroll-forward"><i class="fa fa-angle-right"></i></a> </section> </div> <div class="group-content-card"> <img src="https://cdn-learn.adafruit.com/groups/images/000/000/022/original/Roll_the_Dice_Explore.png?1646933885" /> <div class="group-content"> <span aria-label="Group title">Creative ways to roll the dice</span> <a href="/explore/roll-the-dice">Learn More</a> </div> </div> <section> <div class="group-preview-headline"> <h1 class="title"> New Videos from Adafruit </h1> <a class="view-all" href="https://www.youtube.com/adafruit">More Adafruit videos</a> </div> <div class="headline-video-group" data-cid="UCpOlOeQjj7EsVnDh3zuCgsA" data-playlist-id=""> <div class="headline-video"> <div> <iframe class="latestVideoEmbed" data-vnum='0' width="600" height="340" allowfullscreen></iframe> </div> </div> <div class="headline-video"> <div> <iframe class="latestVideoEmbed" data-vnum='1' width="600" height="340" allowfullscreen></iframe> </div> </div> </div> </section> <section class="secondary-banner "> <div class="content-container"> <div class="content"> <div class="text"> <div class="main"> AdaBox </div> <div class="support"> Curated Adafruit products, unique collectibles, and exclusive discounts. All delivered quarterly. Make outside the box! </div> <a title="Learn More" href="https://www.adabox.com">Learn More</a> </div> <div class="image "> <img data-src="https://learn.adafruit.com/assets/headlines/adabox-1b113f05.png" class="lazy" aria-hidden="true" alt="Learn More" src="data:," /> </div> </div> </div> </section> <div class="guide-group-preview-collection"> <section class="content-card-group-preview"> <div class="group-preview-headline"> <div class="title"> Category: Feather Boards </div> <a class="view-all" title="View all guides in Category: Feather Boards " data-turbo="false" href="/categories/feather-boards">View All</a> </div> <a class="scroll-back"><i class="fa fa-angle-left"></i></a> <div class="content-card-group-container"> <div class="content-card-group">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/mini-commodore-pet-with-charlieplexed-led-matrix"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/506/medium640thumb/pet-guide-thumb.gif?1515090109" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/506/medium640mp4/pet-guide-thumb.mp4?1515090109"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/506/medium640webm/pet-guide-thumb.webm?1515090109" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Mini Commodore PET with Charlieplexed LED Matrix. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/506/medium640thumb/pet-guide-thumb.gif?1515090109" aria-hidden="true" alt="Mini Commodore PET with Charlieplexed LED Matrix" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/mini-commodore-pet-with-charlieplexed-led-matrix">Mini Commodore PET with Charlieplexed LED Matrix</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pixil3d"> <span class="name">Ruiz Brothers</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 87 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/neopixel-levelshifter"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/579/medium640/Screen_Shot_2017-02-14_at_6.09.37_AM.png?1535580920" aria-hidden="true" alt="Level Shifting 3.3V microcontrollers and NeoPixels" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/neopixel-levelshifter">Level Shifting 3.3V microcontrollers and NeoPixels</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/johnpark"> <span class="name">John Park</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 47 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/gmailbox"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/037/medium640thumb/learn-thumb.gif?1534521406" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/037/medium640mp4/learn-thumb.mp4?1534521406"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/037/medium640webm/learn-thumb.webm?1534521406" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Gmailbox. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/037/medium640thumb/learn-thumb.gif?1534521406" aria-hidden="true" alt="Gmailbox" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/gmailbox">Gmailbox</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/brubell"> <span class="name">Brent Rubell</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 50 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/crickit-and-adafruitio"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/095/medium640/keyimage.jpg?1531587036" aria-hidden="true" alt="Using Crickit and Adafruit IO together" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/crickit-and-adafruitio">Using Crickit and Adafruit IO together</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/dastels"> <span class="name">Dave Astels</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 23 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/st-lps33-and-circuitpython-sip-and-puff"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/909/medium640/sensors_IMG_20200212_135723-2.jpg?1581965780" aria-hidden="true" alt="CircuitPython Powered Sip & Puff with ST LPS33HW Pressure Sensor" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/st-lps33-and-circuitpython-sip-and-puff">CircuitPython Powered Sip & Puff with ST LPS33HW...</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/siddacious"> <span class="name">Bryan Siepert</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 14 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/feather-scorpio-snap-fit-case"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/734/medium640/case-top.jpg?1674504086" aria-hidden="true" alt="Case for Feather Scorpio. The snap fit lid is taken off to show the Scorpio in the case. " class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/feather-scorpio-snap-fit-case">Feather Scorpio Snap Fit Case</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pixil3d"> <span class="name">Ruiz Brothers</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 19 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/led-festival-coat-with-mapping-and-wled"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/965/medium640thumb/fur_trim2.gif?1711744597" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/965/medium640mp4/fur_trim2.mp4?1711744597"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/965/medium640webm/fur_trim2.webm?1711744597" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide LED Festival Coat with Mapping and WLED . </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/965/medium640thumb/fur_trim2.gif?1711744597" aria-hidden="true" alt="LED Festival coat" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/led-festival-coat-with-mapping-and-wled">LED Festival Coat with Mapping and WLED </a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 15 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/Halloween-Skeleton-Transformation-Illusion-Prop"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/121/medium640thumb/coffin_gif.gif?1730747759" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/121/medium640mp4/coffin_gif.mp4?1730747759"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/121/medium640webm/coffin_gif.webm?1730747759" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Halloween Skeleton Transformation Illusion Prop. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/121/medium640thumb/coffin_gif.gif?1730747759" aria-hidden="true" alt="Halloween Skeleton Transformation Illusion Prop" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/Halloween-Skeleton-Transformation-Illusion-Prop">Halloween Skeleton Transformation Illusion Prop</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 11 </div> </div> </div> </div> </div> </div> </div> </div> <a class="scroll-forward"><i class="fa fa-angle-right"></i></a> </section> </div> <div class="group-content-card"> <img src="https://cdn-learn.adafruit.com/groups/images/000/000/026/original/Green_Thumbs_Explore.png?1646945498" /> <div class="group-content"> <span aria-label="Group title">A group of great guides for green thumbs</span> <a href="/explore/a-group-of-great-guides-for-green-thumbs">Learn More</a> </div> </div> <div class="guide-group-preview-collection"> </div> <section class="secondary-banner secondary"> <div class="content-container"> <div class="content"> <div class="text"> <div class="main"> Adafruit in your Inbox </div> <div class="support"> Choose what categories interest you, and we will send tips your way. </div> <a title="Sign Up" href="https://www.adafruitdaily.com/">Sign Up</a> </div> <div class="image "> <img data-src="https://learn.adafruit.com/assets/headlines/adafruit-daily-89485bf6.png" class="lazy" aria-hidden="true" alt="Sign Up" src="data:," /> </div> </div> </div> </section> <div class="group-content-card"> <img alt="Man holding a light painting stick, and a light painted image of the world is shown" src="https://cdn-learn.adafruit.com/groups/images/000/000/028/original/Photography_Explore.png?1651251848" /> <div class="group-content"> <span aria-label="Group title">Fun with Photography and Electronics</span> <a href="/explore/fun-with-photography-and-electronics">Learn More</a> </div> </div> <div class="main-content-footer"> 3170 tutorials total and counting </div> </div> <div id="search-container"> <div class="toolbar-primary"> <div class="content"> <div class="left-content"> <div class="breadcrumbs"> <a href="https://learn.adafruit.com" aria-label="Home page"><i class='fa fa-home'></i></a> <i class="fa fa-chevron-right separator"></i> Search <i class="fa fa-chevron-right separator"></i> </div> </div> </div> </div> <div class="sub-header"> <div class="header-intro"> <h1 class="title">Search</h1> </div> <div class="header-main-content-wrapper"> <div class="header-main-content"> <div id="search-refinements" class="breakdown"> </div> </div> </div> </div> <div class="search-content left-sidebar-layout"> <div> <div class="facets-wrapper"> <h5 class="search-refinement-header">Categories</h5> <div id="search-categories"></div> </div> </div> <div> <div id="search-results" class="search-content-card-group"></div> <div id="search-pagination" class="pagination"></div> </div> </div> </div> <div id="remote-modal-wrapper"></div> <div id='main-content-overlay'></div> </main> <footer id="adafruit-footer"> <div class="footer-container"> <div class="application-support-link"> <div> <ul> <li> <a href="https://www.adafruit.com/contact_us">Contact Us</a> </li> <li> <a href="https://forums.adafruit.com/">Tech Support Forums</a> </li> <li> <a href="https://www.adafruit.com/faq">FAQs</a> </li> <li> <a href="https://www.adafruit.com/shippinginfo">Shipping & Returns</a> </li> <li> <a href="https://www.adafruit.com/free">Freebies</a> </li> <li> <a href="https://www.adafruit.com/terms_of_service">Terms of Service</a> </li> <li> <a href="https://www.adafruit.com/privacy">Privacy & Legal</a> </li> <li> <a href="https://www.adafruit.com/accessibility">Website Accessibility</a> </li> </ul> </div> <div> <ul> <li> <a href="https://www.adafruit.com/about">About Us</a> </li> <li> <a href="https://www.adafruit.com/press">Press</a> </li> <li> <a href="https://www.adafruit.com/educators">Educators</a> </li> <li> <a href="https://www.adafruit.com/distributors">Distributors</a> </li> <li> <a href="https://jobs.adafruit.com">Jobs</a> </li> <li> <a href="https://www.adafruit.com/category/14">Gift Cards</a> </li> </ul> </div> </div> <aside> <div class="quote">"Calculation and reasoning, like weaving and ploughing, are work, not for human souls, but for clever combinations of iron and wood"</div> <div class="quote-attribution"><a href="http://books.google.com/books?oe=UTF-8&id=k7s0AAAAMAAJ&q=calculation#v=onepage&q=calculation&f=false">Mary Boole</a></div> </aside> </div> <div class="footer-container bottom"> <a title="About Adafruit" id="footer-logo" href="https://learn.adafruit.com"> <img alt="Adafruit Logo" src="/logos/adafruit_logo_small.png?2617383245792698807" /> </a> <div class="social-links"> <a href="https://www.instagram.com/adafruit/" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="https://twitter.com/adafruit/" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a class="mastodon-logo" href="https://mastodon.cloud/@adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Mastodon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><path class="logo" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="currentColor"/><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#000"/></svg></a> <a href="https://www.facebook.com/adafruitindustries" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="https://www.youtube.com/adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on YouTube"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="https://github.com/adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Github"><i class="fa fa-github" aria-hidden="true"></i></a> <a class="tiktok-logo" aria-label="Adafruit on TikTok" href="https://www.tiktok.com/@adafruit" target="_blank" rel="noopener noreferrer"><svg viewBox="3 2 20 22" xmlns="http://www.w3.org/2000/svg"><path class="logo" d="M19.8059 7.50695C18.7771 7.50695 17.8278 7.16612 17.0655 6.59113C16.1912 5.93198 15.5631 4.9651 15.3412 3.85069C15.2863 3.57534 15.2567 3.29119 15.2539 3H12.3149V11.0308L12.3114 15.4297C12.3114 16.6057 11.5455 17.6029 10.4839 17.9536C10.1758 18.0553 9.8431 18.1036 9.49663 18.0846C9.05438 18.0603 8.63995 17.9268 8.27975 17.7113C7.51322 17.2529 6.99351 16.4212 6.97942 15.4698C6.95724 13.9829 8.15933 12.7706 9.64522 12.7706C9.93852 12.7706 10.2202 12.8185 10.4839 12.9054V10.7104V9.92134C10.2058 9.88015 9.92268 9.85867 9.63641 9.85867C8.01004 9.85867 6.48894 10.5347 5.40164 11.7526C4.57982 12.6731 4.08687 13.8473 4.01082 15.0786C3.91117 16.6962 4.50306 18.2339 5.65093 19.3683C5.81959 19.5349 5.9967 19.6895 6.1819 19.8321C7.16604 20.5894 8.36919 21 9.63641 21C9.92268 21 10.2058 20.9789 10.4839 20.9377C11.6677 20.7623 12.7599 20.2204 13.6219 19.3683C14.681 18.3215 15.2662 16.9318 15.2726 15.4526L15.2574 8.88369C15.7627 9.27347 16.3152 9.596 16.9081 9.84635C17.8303 10.2354 18.8081 10.4326 19.8144 10.4322V8.29814V7.50625C19.8151 7.50695 19.8066 7.50695 19.8059 7.50695Z" fill="currentColor"/></svg></a> <a class="tumblr-logo" aria-label="Adafruit on Tumblr" href="https://adafruit.tumblr.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-tumblr" aria-hidden="true"></i></a> <a class="threads-logo" href="https://www.threads.net/@adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Threads"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg></span></a> <a class="discord-logo" aria-label="Adafruit on Discord" href="https://adafru.it/discord" target="_blank" rel="noopener noreferrer"><svg style="height: 1em; margin-bottom: -0.15em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="currentColor" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg></a> <a class="bluesky-logo" aria-label="Adafruit on Bluesky" href="https://bsky.app/profile/adafruit.com" target="_blank" rel="noopener noreferrer"><svg style="height: 1em; margin-bottom: -0.15em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg> </a> </div> <div class="footer-messaging"> <a href="https://www.adafruit.com/about">A Minority and Woman-owned Business Enterprise (M/WBE)</a> </div> </div> </footer> </div> </div> </body> </html>

CINXE.COM

Adafruit Learning System