CINXE.COM
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="Xxt2feL9jfBGcjcun9wac2VAyHhFaRcHR1A4CrJee4oOeE4APELCtg-GwsixxAa_MtuXLaMCAwCQy7tJTej28A" /> <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-c3315b32.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> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <script> gtag('js', new Date()); </script> <meta name='viewport' content='initial-scale=1, viewport-fit=cover'> <!-- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> --> <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"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPXBQ6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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?-125419689572448523" /> </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?-125419689572448523" /> </a> </div> <ul class="main-nav-links"> <li class="dropdown with-overlay nav-link"> <button class="dropdown-label" 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"> <!-- Update templates/guides/guide.mustache in tandom --> <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"> 32 </div> <div class="badge skill-level"> Beginner </div> <div class="badge updated"> Updated </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-braincraft-hat-easy-machine-learning-for-raspberry-pi"> <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/111/medium640thumb/main-image.gif?1601936596" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/111/medium640mp4/main-image.mp4?1601936596"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/111/medium640webm/main-image.webm?1601936596" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Adafruit BrainCraft HAT - Easy Machine Learning for Raspberry Pi. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/111/medium640thumb/main-image.gif?1601936596" aria-hidden="true" alt="" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-braincraft-hat-easy-machine-learning-for-raspberry-pi">Adafruit BrainCraft HAT - Easy Machine Learning for...</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/adafruit2"> <span class="name">lady ada</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 69 </div> <div class="badge skill-level"> Intermediate </div> <div class="badge updated"> Updated </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/led-matrix-wall-arcade"> <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/202/medium640thumb/pico8Demos_3b.gif?1742401525" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/202/medium640mp4/pico8Demos_3b.mp4?1742401525"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/202/medium640webm/pico8Demos_3b.webm?1742401525" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide LED Matrix Wall Arcade for Pico-8. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/202/medium640thumb/pico8Demos_3b.gif?1742401525" aria-hidden="true" alt="wall mounted low-fi arcade machine" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/led-matrix-wall-arcade">LED Matrix Wall Arcade for Pico-8</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"> 12 </div> <div class="badge skill-level"> Beginner </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/snake-game-on-metro-rp2350"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/209/medium640/snake_playing_2.png?1741907835" aria-hidden="true" alt="Snake game being played on a small monitor. The Metro RP2350 that is running the game sits below the monitor." class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/snake-game-on-metro-rp2350">Snake 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 skill-level"> Beginner </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/moon-phase"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/213/medium640/hero-moon-close.jpg?1742223255" aria-hidden="true" alt="IOT Moon Phase Clock" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/moon-phase">IOT Moon Phase Guide</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"> 4 </div> <div class="badge skill-level"> Beginner </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-tps65131-split-power-supply-boost-converter"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/211/medium640/6280-00.jpg?1741881590" aria-hidden="true" alt="top angle view of the breakout" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-tps65131-split-power-supply-boost-converter">Adafruit TPS65131 Split Power Supply Boost Converter</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 skill-level"> Beginner </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/rgb-matrix-panels-with-raspberry-pi-5"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/180/medium640/blinka_image.png?1738707281" aria-hidden="true" alt="Blinka the snake holding a book rendered on a RGB Matrix panels" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/rgb-matrix-panels-with-raspberry-pi-5">RGB Matrix Panels With Raspberry Pi 5</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 favorites " title="Saves"> 7 </div> <div class="badge skill-level"> Beginner </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-pcm510x-i2s-dac"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/204/medium640/6250-00.jpg?1741010233" aria-hidden="true" alt="top angle view of the dac" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-pcm510x-i2s-dac">Adafruit PCM510x I2S DAC</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"> 1 </div> <div class="badge skill-level"> Beginner </div> <div class="badge new"> New </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"> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/spinning-disc-step-sequencer"> <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/351/medium640thumb/disc_seq.gif?1547060866" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/351/medium640mp4/disc_seq.mp4?1547060866"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/351/medium640webm/disc_seq.webm?1547060866" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Spinning Disc Step Sequencer. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/351/medium640thumb/disc_seq.gif?1547060866" aria-hidden="true" alt="Spinning Disc Step Sequencer" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/spinning-disc-step-sequencer">Spinning Disc Step Sequencer</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"> 52 </div> <div class="badge skill-level"> Intermediate </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/ble-hid-keyboard-buttons-with-circuitpython"> <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/873/medium640thumb/smolkeys.gif?1579631908" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/873/medium640mp4/smolkeys.mp4?1579631908"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/873/medium640webm/smolkeys.webm?1579631908" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide BLE HID Keyboard Buttons with CircuitPython. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/873/medium640thumb/smolkeys.gif?1579631908" aria-hidden="true" alt="BLE HID Keyboard Buttons with CircuitPython" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ble-hid-keyboard-buttons-with-circuitpython">BLE HID Keyboard Buttons with CircuitPython</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"> 60 </div> <div class="badge skill-level"> Intermediate </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/pyloton"> <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/911/medium640thumb/bike-loop.gif?1583116976" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/911/medium640mp4/bike-loop.mp4?1583116976"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/911/medium640webm/bike-loop.webm?1583116976" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Pyloton: CircuitPython Cycling Computer. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/911/medium640thumb/bike-loop.gif?1583116976" aria-hidden="true" alt="Pyloton: CircuitPython Cycling Computer" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/pyloton">Pyloton: CircuitPython Cycling Computer</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"> 39 </div> <div class="badge skill-level"> Intermediate </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/ocean-epoxy-resin-lightbox-with-rgb-led-matrix-image-scroller"> <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/074/medium640thumb/ocean_resin.gif?1596733189" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/074/medium640mp4/ocean_resin.mp4?1596733189"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/074/medium640webm/ocean_resin.webm?1596733189" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Ocean Epoxy Resin Lightbox with RGB LED Matrix Image Scroller. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/074/medium640thumb/ocean_resin.gif?1596733189" aria-hidden="true" alt="Ocean Epoxy Resin Lightbox with RGB LED Matrix Image Scroller" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ocean-epoxy-resin-lightbox-with-rgb-led-matrix-image-scroller">Ocean Epoxy Resin Lightbox with RGB LED Matrix Image...</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"> 37 </div> <div class="badge skill-level"> Intermediate </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/easy-no-solder-bluetooth-controlled-room-lights"> <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/120/medium640thumb/Ceiling-Lights-GIF2.gif?1601348956" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/120/medium640mp4/Ceiling-Lights-GIF2.mp4?1601348956"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/120/medium640webm/Ceiling-Lights-GIF2.webm?1601348956" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Easy No-Soldering Bluetooth Controlled Room Lights. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/120/medium640thumb/Ceiling-Lights-GIF2.gif?1601348956" aria-hidden="true" alt="Easy No-Soldering Bluetooth Controlled Room Lights" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/easy-no-solder-bluetooth-controlled-room-lights">Easy No-Soldering Bluetooth Controlled Room Lights</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"> 70 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/magtag-weather"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/213/medium640/thumb.jpg?1607968655" aria-hidden="true" alt="MagTag Daily Weather Forecast Display" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/magtag-weather">MagTag Daily Weather Forecast Display</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/caternuson"> <span class="name">Carter Nelson</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 176 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <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 class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/tiny-led-wifi-cube"> <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/647/medium640thumb/title.gif?1662230970" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/647/medium640mp4/title.mp4?1662230970"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/647/medium640webm/title.webm?1662230970" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Tiny LED WiFi Companion Cube. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/647/medium640thumb/title.gif?1662230970" aria-hidden="true" alt="An LED cube showing a scrolling message "tiny wifi LED cube" and a heart on the top side" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/tiny-led-wifi-cube">Tiny LED WiFi Companion Cube</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/chardane"> <span class="name">Charlyn G</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 117 </div> <div class="badge skill-level"> Intermediate </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: Circuit Playground </div> <a class="view-all" title="View all guides in Category: Circuit Playground " data-turbo="false" href="/categories/circuit-playground">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"> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/circuit-playground-shields"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/887/medium640/100_4693.JPG?1515032897" aria-hidden="true" alt="DIY Circuit Playground Shields" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/circuit-playground-shields">DIY Circuit Playground Shields</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"> 15 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/bosebuild-reactive-sound"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/998/medium640/WIN_20180426_16_16_45_Pro.jpg?1524773919" aria-hidden="true" alt="BOSEbuild Reactive Sound " class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/bosebuild-reactive-sound">BOSEbuild Reactive Sound </a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/Jwm2440N38QaXTx"> <span class="name">Jwm2440N38QaXTx</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 8 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-crickit-creative-robotic-interactive-construction-kit"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/013/medium640/3093_top_CP_ORIG_2018_05.jpg?1526492629" aria-hidden="true" alt="Introducing Adafruit Crickit #MakeRobotFriend" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-crickit-creative-robotic-interactive-construction-kit">Introducing Adafruit Crickit #MakeRobotFriend</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/adafruit2"> <span class="name">lady ada</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 118 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/spinning-logo"> <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/035/medium640thumb/medium-loop.gif?1538429235" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/035/medium640mp4/medium-loop.mp4?1538429235"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/035/medium640webm/medium-loop.webm?1538429235" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Spinning Logo. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/035/medium640thumb/medium-loop.gif?1538429235" aria-hidden="true" alt="Spinning Logo" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/spinning-logo">Spinning Logo</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 skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/getting-started-with-steven-universe"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/404/medium640/We_Are_the_Crystal_Gems.jpg?1549914082" aria-hidden="true" alt="" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/getting-started-with-steven-universe">Getting Started With Steven Universe</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/takaraw"> <span class="name">Takara Valentine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 2 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/3d-printed-heart-capacitive-touch"> <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/704/medium640thumb/Heart_hero_red480.2019-09-12_17_20_22.gif?1568404715" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/704/medium640mp4/Heart_hero_red480.2019-09-12_17_20_22.mp4?1568404715"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/704/medium640webm/Heart_hero_red480.2019-09-12_17_20_22.webm?1568404715" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Capacitive Touch Pulsing Heart. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/704/medium640thumb/Heart_hero_red480.2019-09-12_17_20_22.gif?1568404715" aria-hidden="true" alt="" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/3d-printed-heart-capacitive-touch">Capacitive Touch Pulsing Heart</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/danowall"> <span class="name">Dano Wall</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 32 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/circuit-playground-tft-gizmo-snow-globe"> <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/788/medium640thumb/banner.gif?1572643026" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/788/medium640mp4/banner.mp4?1572643026"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/788/medium640webm/banner.webm?1572643026" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Circuit Playground TFT Gizmo Snow Globe. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/788/medium640thumb/banner.gif?1572643026" aria-hidden="true" alt="Circuit Playground TFT Gizmo Snow Globe" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/circuit-playground-tft-gizmo-snow-globe">Circuit Playground TFT Gizmo Snow Globe</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/caternuson"> <span class="name">Carter Nelson</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 22 </div> <div class="badge skill-level"> Beginner </div> </div> </div> </div> </div> </div> <!-- Update templates/guides/guide.mustache in tandom --> <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/circuit-playground-bluefruit-brake-light"> <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/019/medium640thumb/ezgif.com-video-to-gif.gif?1592350086" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/019/medium640mp4/ezgif.com-video-to-gif.mp4?1592350086"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/019/medium640webm/ezgif.com-video-to-gif.webm?1592350086" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Circuit Playground Bluefruit Automatic Bike Brake Light. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/019/medium640thumb/ezgif.com-video-to-gif.gif?1592350086" aria-hidden="true" alt="Circuit Playground Bluefruit Automatic Bike Brake Light" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/circuit-playground-bluefruit-brake-light">Circuit Playground Bluefruit Automatic Bike Brake Light</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/eherrada"> <span class="name">Eva Herrada</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 25 </div> <div class="badge skill-level"> Beginner </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="A top down view of solenoids assembled over percussion instruments, just waiting for electricity to make music." src="https://cdn-learn.adafruit.com/groups/images/000/000/029/original/Music_Explore.png?1652975032" /> <div class="group-content"> <span aria-label="Group title">Many ways to make magnificent music</span> <a href="/explore/many-ways-to-make-magnificent-music">Learn More</a> </div> </div> <div class="main-content-footer"> 3163 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">"What I cannot create, I do not understand"</div> <div class="quote-attribution"><a href="https://www.quora.com/What-did-Richard-Feynman-mean-when-he-said-What-I-cannot-create-I-do-not-understand">Richard Feynman</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?-125419689572448523" /> </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>