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="5CAzpndNlJj5FCpnDL5ZkdYQU9_T0CH_uvk4Oc8wPQxmS3zFFAHFJIH1yiDT-9_okoS5oUZDKk2XOBRa4DqWLw" /> <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?1852144339776377062" /> </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?1852144339776377062" /> </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 &amp; 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 &amp; 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 &amp; 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/032/original/CircuitPython_Hero.jpg?1613598425" class="image-headline lazy" alt="Get Started With CircuitPython This guide gets folks started with CircuitPython, a version of Python particularly suited to use on hardware like microcontrollers and single board computers like Raspberry Pi." src="data:," /> <div class="overlay-container"> <div class="overlay"> <div class="overlay-content"> <div class="text"> <div class="tagline">Get Started With CircuitPython</div> <div class="description">This guide gets folks started with CircuitPython, a version of Python particularly suited to use on hardware like microcontrollers and single board computers like Raspberry Pi.</div> </div> <a title="Feature: Get Started With CircuitPython This guide gets folks started with CircuitPython, a version of Python particularly suited to use on hardware like microcontrollers and single board computers like Raspberry Pi." href="https://learn.adafruit.com/welcome-to-circuitpython">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"> 9 </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="/capacitive-touch-unicorn-horn"> <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/906/medium640thumb/unicorn_gif2.gif?1520548418" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/906/medium640mp4/unicorn_gif2.mp4?1520548418"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/906/medium640webm/unicorn_gif2.webm?1520548418" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Capacitive Touch Unicorn Horn. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/906/medium640thumb/unicorn_gif2.gif?1520548418" aria-hidden="true" alt="Capacitive Touch Unicorn Horn" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/capacitive-touch-unicorn-horn">Capacitive Touch Unicorn Horn</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"> 69 </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="/circuitpython-on-raspberrypi-linux"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/082/medium640/blinkapi.gif?1530383089" 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="/circuitpython-on-raspberrypi-linux">CircuitPython Libraries on Linux and Raspberry Pi</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"> 271 </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="/ez-make-oven"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/761/medium640/IMG_20191019_013743.jpg?1571832565" aria-hidden="true" alt="EZ Make Oven" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ez-make-oven">EZ Make Oven</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/cogliano"> <span class="name">Dan Cogliano</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 86 </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="/neopixel-infinity-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/002/859/medium640thumb/hero-loop.gif?1578975029" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/859/medium640mp4/hero-loop.mp4?1578975029"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/859/medium640webm/hero-loop.webm?1578975029" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide NeoPixel Infinity Cube. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/859/medium640thumb/hero-loop.gif?1578975029" aria-hidden="true" alt="The infinity cube" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/neopixel-infinity-cube">NeoPixel Infinity Cube</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"> 162 </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="/lego-neon-sign"> <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/077/medium640thumb/neon-loop-crop.gif?1597071797" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/077/medium640mp4/neon-loop-crop.mp4?1597071797"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/077/medium640webm/neon-loop-crop.webm?1597071797" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Lego Neon NeoPixel Sign with CircuitPython. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/077/medium640thumb/neon-loop-crop.gif?1597071797" aria-hidden="true" alt="Lego Neon NeoPixel Sign 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="/lego-neon-sign">Lego Neon NeoPixel Sign with CircuitPython</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"> 52 </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="/robotic-ai-bear-using-chatgpt"> <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/777/medium640thumb/Main_Image_Tighter.gif?1680622955" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/777/medium640mp4/Main_Image_Tighter.mp4?1680622955"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/777/medium640webm/Main_Image_Tighter.webm?1680622955" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Robotic AI Bear using ChatGPT. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/777/medium640thumb/Main_Image_Tighter.gif?1680622955" aria-hidden="true" alt="Robotic Bear doing some of its movements" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/robotic-ai-bear-using-chatgpt">Robotic AI Bear using ChatGPT</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"> 58 </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="/qualia-s3-compass"> <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/924/medium640thumb/walking.gif?1706032234" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/924/medium640mp4/walking.mp4?1706032234"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/924/medium640webm/walking.webm?1706032234" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Qualia S3 Compass. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/924/medium640thumb/walking.gif?1706032234" aria-hidden="true" alt="the compass display being held by a person walking down a sidewalk" 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-compass">Qualia S3 Compass</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"> 11 </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="/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"> 9 </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="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> <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: Express </div> <a class="view-all" title="View all guides in Category: Express " data-turbo="false" href="/categories/express">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="/perfect-pitch-machine"> <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/977/medium640thumb/PitchPipeImageCover.gif?1521831686" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/977/medium640mp4/PitchPipeImageCover.mp4?1521831686"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/977/medium640webm/PitchPipeImageCover.webm?1521831686" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Perfect Pitch Machine. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/977/medium640thumb/PitchPipeImageCover.gif?1521831686" aria-hidden="true" alt="Perfect Pitch Machine" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/perfect-pitch-machine">Perfect Pitch Machine</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/isaacwellish"> <span class="name">Isaac Wellish</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 13 </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="/stumble-bot-with-circuit-playground-and-crickit"> <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/031/medium640thumb/stumbly_giffy2.gif?1527633990" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/031/medium640mp4/stumbly_giffy2.mp4?1527633990"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/031/medium640webm/stumbly_giffy2.webm?1527633990" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Stumble-Bot. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/031/medium640thumb/stumbly_giffy2.gif?1527633990" aria-hidden="true" alt="Stumble-Bot" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/stumble-bot-with-circuit-playground-and-crickit">Stumble-Bot</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"> 51 </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="/crickit-powered-holiday-diorama"> <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/301/medium640thumb/updateddioramagif.gif?1543543104" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/301/medium640mp4/updateddioramagif.mp4?1543543104"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/301/medium640webm/updateddioramagif.webm?1543543104" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Crickit Powered Holiday Diorama. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/301/medium640thumb/updateddioramagif.gif?1543543104" aria-hidden="true" alt="Crickit Powered Holiday Diorama" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/crickit-powered-holiday-diorama">Crickit Powered Holiday Diorama</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/isaacwellish"> <span class="name">Isaac Wellish</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 12 </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="/cartoon-network-makecode-garnet-s-palm-gems-from-steven-universe"> <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/368/medium640thumb/GARNET_palmAnim_whiteBG.gif?1548261179" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/368/medium640mp4/GARNET_palmAnim_whiteBG.mp4?1548261179"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/368/medium640webm/GARNET_palmAnim_whiteBG.webm?1548261179" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Cartoon Network MakeCode: Garnet&#39;s Palm Gems from Steven Universe. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/368/medium640thumb/GARNET_palmAnim_whiteBG.gif?1548261179" aria-hidden="true" alt="Cartoon Network MakeCode: Garnet&#39;s Palm Gems from Steven Universe" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/cartoon-network-makecode-garnet-s-palm-gems-from-steven-universe">Cartoon Network MakeCode: Garnet&#39;s Palm Gems from...</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"> 11 </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="/cpx-midi-controller"> <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/496/medium640thumb/cpx-viktor-nv-1-short-title-480x320.gif?1555433778" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/496/medium640mp4/cpx-viktor-nv-1-short-title-480x320.mp4?1555433778"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/496/medium640webm/cpx-viktor-nv-1-short-title-480x320.webm?1555433778" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Circuit Playground Express USB MIDI Controller and Synthesizer. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/496/medium640thumb/cpx-viktor-nv-1-short-title-480x320.gif?1555433778" aria-hidden="true" alt="Circuit Playground Express USB MIDI Controller and Synthesizer" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/cpx-midi-controller">Circuit Playground Express USB MIDI Controller and...</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/kevinjwalters"> <span class="name">Kevin Walters</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 56 </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-tft-gizmo"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/739/medium640/gizmo_guide_image.jpg?1569708712" aria-hidden="true" alt="Adafruit Circuit Playground TFT Gizmo" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-tft-gizmo">Adafruit Circuit Playground TFT Gizmo</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"> 60 </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="/desktop-dumpster-fire"> <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/760/medium640thumb/IMG_8147.2019-10-25_15_10_27.gif?1572030803" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/760/medium640mp4/IMG_8147.2019-10-25_15_10_27.mp4?1572030803"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/760/medium640webm/IMG_8147.2019-10-25_15_10_27.webm?1572030803" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Desktop Dumpster Fire. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/760/medium640thumb/IMG_8147.2019-10-25_15_10_27.gif?1572030803" 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="/desktop-dumpster-fire">Desktop Dumpster Fire</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"> 33 </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="/easter-egg-light-stand"> <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/978/medium640thumb/easteregg.gif?1586814854" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/978/medium640mp4/easteregg.mp4?1586814854"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/978/medium640webm/easteregg.webm?1586814854" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Easter Egg Light Stand. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/978/medium640thumb/easteregg.gif?1586814854" aria-hidden="true" alt="Easter Egg Light Stand" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/easter-egg-light-stand">Easter Egg Light Stand</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"> 8 </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 alt="A pile of keyboard keycaps next to an Adafruit MacroPad" src="https://cdn-learn.adafruit.com/groups/images/000/000/030/original/CNC_Explore.png?1655393228" /> <div class="group-content"> <span aria-label="Group title">CNC Router Projects to Turn Materials from Raw to Rad</span> <a href="/explore/cnc-router-projects-to-turn-materials-from-raw-to-rad">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 hand holding a 3d printed lever with images of a cassette tape, heart, shoe, taco, and coffee. " src="https://cdn-learn.adafruit.com/groups/images/000/000/032/original/Servo_Explore.png?1660319925" /> <div class="group-content"> <span aria-label="Group title">Making Electronics Move with Servos</span> <a href="/explore/making-electronics-move-with-servos">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 &amp; 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 &amp; 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">"The art of progress is to preserve order amid change and to preserve change amid order"</div> <div class="quote-attribution"><a href="http://en.wikipedia.org/wiki/Alfred_North_Whitehead">Alfred North Whitehead</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?-4044135477562173491" /> </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>

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