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="U2Wcf03FZwIStPwmH72QgTx1CTimlZiiZ240Uvc2Jpqtmz0KcdXAjQxIYNeNKRAsrMSligygPl_LdVzirgeucQ" /> <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-ec0f18c6.css" data-turbo-track="reload" media="screen" /> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-light-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-regular-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-semibold-webfont.woff2" as="font" type="font/woff2" crossorigin> <script> var dataLayer = []; function gtag(){dataLayer.push(arguments);} </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PRPXBQ6');</script>  <script> gtag('js', new Date()); </script> <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>  <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <script> window.rails_env = 'production'; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://learn.adafruit.com/", "potentialAction": { "@type": "SearchAction", "target": "https://learn.adafruit.com/search?q={search_term}", "query-input": "required name=search_term" } } </script> <script src="/assets/application-3792cf70.js" data-turbo-track="reload" type="module"></script> </head> <body class="application guides index production">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPXBQ6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="outer-wrapper"> <div id="inner-wrapper"> <div id="messaging-wrapper" class="messages-container" data-load="https://www.adafruit.com/api/multi_message.php"></div> <a data-turbo="false" class="skip-to-main" href="#main-content-container">Skip to main content</a> <header id="adafruit-header" aria-label="Adafruit header"> <div id="small-header"> <div class="first-row"> <nav aria-label="Adafruit applications menu"> <ul class="application-links"> <li><a aria-label="Adafruit Shop" href="https://www.adafruit.com">Shop</a></li> <li class="selected"><a aria-label="Adafruit Learning System" href="https://learn.adafruit.com">Learn</a></li> <li><a aria-label="Adafruit Blog" href="https://blog.adafruit.com">Blog</a></li> <li><a aria-label="Adafruit Forums and Support" href="https://forums.adafruit.com">Forums</a></li> <li><a aria-label="Adafruit IO, the internet of things" href="https://io.adafruit.com">IO</a></li> <li><a aria-label="Adafruit Youtube Videos" href="https://www.youtube.com/adafruit/live">LIVE!</a></li> <li><a aria-label="Adafruit product box subscription" href="https://www.adabox.com">AdaBox</a></li> </ul> </nav> </div> <div class="second-row"> <div class="row-content"> <div id="mobile-header-logo"> <a href="https://learn.adafruit.com"> <img id="small-logo" height="50" width="50" alt="Adafruit Logo" src="/logos/adafruit_logo_small.png?1745037072367417153" /> </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?1745037072367417153" /> </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/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">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/usb-to-eurorack-power-supply"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640thumb/hero.gif?1743016999" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640mp4/hero.mp4?1743016999"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640webm/hero.webm?1743016999" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide USB to Eurorack Power Supply. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/219/medium640thumb/hero.gif?1743016999" aria-hidden="true" alt="eurorack sequencer powered by the usb to eurorack power supply project" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/usb-to-eurorack-power-supply">USB to Eurorack Power Supply</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/BlitzCityDIY"> <span class="name">Liz Clark</span> </a> </div> <div class="badges"> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/love-light"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/208/medium640/love.jpeg?1741638268" aria-hidden="true" alt="LOVE Light" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/love-light">LOVE Light</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 2 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/bluetooth-speaker"> <div class="image-container"> <video class="video-preview lazy" preload="auto" muted="muted" loop="loop" playsinline poster="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640thumb/guide-spin.gif?1742233394" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640mp4/guide-spin.mp4?1742233394"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640webm/guide-spin.webm?1742233394" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Severence-Inspired Lumon Bluetooth Speaker. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/210/medium640thumb/guide-spin.gif?1742233394" aria-hidden="true" alt="Make a Bluetooth speaker with ESP32 Feather" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/bluetooth-speaker">Severence-Inspired Lumon Bluetooth Speaker</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pixil3d"> <span class="name">Ruiz Brothers</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 10 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/glowing-hair-flowers-with-n00ds"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/216/medium640/IMG_9732_2.jpeg?1742582417" aria-hidden="true" alt="Glowing Hair Flowers" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/glowing-hair-flowers-with-n00ds">Glowing Hair Flowers with n00ds</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/firepixie"> <span class="name">Erin St Blaine</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 2 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-voice-bonnet"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/160/medium640/Voice_Bonnet_installed_angle.jpg?1603815358" aria-hidden="true" alt="Adafruit Voice Bonnet" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adafruit-voice-bonnet">Adafruit Voice Bonnet</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/kattni"> <span class="name">Kattni Rembor</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 33 </div> <div class="badge updated"> Updated </div> </div> </div> </div> </div> </div>  <div 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 updated"> Updated </div> </div> </div> </div> </div> </div>  <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"> 18 </div> <div class="badge new"> New </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/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 favorites " title="Saves"> 1 </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">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/microbit-crickit-robot"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/001/611/medium640/robot.PNG?1569365358" aria-hidden="true" alt="micro:bit Crickit Robot" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/microbit-crickit-robot">micro:bit Crickit Robot</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/richa1"> <span class="name">Richard Albritton</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 33 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/running-tensorflow-lite-on-the-raspberry-pi-4"> <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/703/medium640thumb/main-image.gif?1602690116" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/703/medium640mp4/main-image.mp4?1602690116"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/703/medium640webm/main-image.webm?1602690116" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Running TensorFlow Lite Object Recognition on the Raspberry Pi 4 or Pi 5. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/703/medium640thumb/main-image.gif?1602690116" 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="/running-tensorflow-lite-on-the-raspberry-pi-4">Running TensorFlow Lite Object Recognition on the...</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"> 101 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/ooze-master-3000-neopixel-simulated-liquid-physics"> <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/773/medium640thumb/oozemaster-thumb.gif?1571804020" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/773/medium640mp4/oozemaster-thumb.mp4?1571804020"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/773/medium640webm/oozemaster-thumb.webm?1571804020" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide OOZE MASTER 3000: NeoPixel Simulated Liquid Physics. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/773/medium640thumb/oozemaster-thumb.gif?1571804020" aria-hidden="true" alt="OOZE MASTER 3000: NeoPixel Simulated Liquid Physics" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ooze-master-3000-neopixel-simulated-liquid-physics">OOZE MASTER 3000: NeoPixel Simulated Liquid Physics</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/pburgess"> <span class="name">Phillip Burgess</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 201 </div> </div> </div> </div> </div> </div>  <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> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/power-glove-bluetooth-midi-controller"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/002/980/medium640/powerglove_vcv04.jpg?1586982489" aria-hidden="true" alt="Power Glove Wireless MIDI Controller" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/power-glove-bluetooth-midi-controller">Power Glove Wireless MIDI Controller</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"> 26 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/kitty-toe-bean-paw-keypad-color-tct"> <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/360/medium640thumb/guide-loop-2.gif?1624902132" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/360/medium640mp4/guide-loop-2.mp4?1624902132"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/360/medium640webm/guide-loop-2.webm?1624902132" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Kitty Toe Bean Keypad with Color TFT. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/360/medium640thumb/guide-loop-2.gif?1624902132" aria-hidden="true" alt="Kitty Toe Bean Keypad with Color TFT" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/kitty-toe-bean-paw-keypad-color-tct">Kitty Toe Bean Keypad with Color TFT</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"> 37 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/rgb-led-matrix-cube-for-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/565/medium640thumb/guide-loop.gif?1651611682" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/565/medium640mp4/guide-loop.mp4?1651611682"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/565/medium640webm/guide-loop.webm?1651611682" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide RGB LED Matrix Cube with 25,000 LEDs. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/565/medium640thumb/guide-loop.gif?1651611682" aria-hidden="true" alt="3D RGB Matrix Cube" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/rgb-led-matrix-cube-for-pi">RGB LED Matrix Cube with 25,000 LEDs</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"> 177 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/jellyfish-umbrella-with-easy-wled-wifi-control"> <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/818/medium640thumb/jellybrelly.gif?1687199763" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/818/medium640mp4/jellybrelly.mp4?1687199763"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/818/medium640webm/jellybrelly.webm?1687199763" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Jellyfish Umbrella with easy WLED WiFi Control. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/818/medium640thumb/jellybrelly.gif?1687199763" aria-hidden="true" alt="Jellyfish Umbrella" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/jellyfish-umbrella-with-easy-wled-wifi-control">Jellyfish Umbrella with easy WLED WiFi Control</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"> 22 </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> <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: Clocks </div> <a class="view-all" title="View all guides in Category: Clocks " data-turbo="false" href="/categories/clocks">View All</a> </div> <a class="scroll-back"><i class="fa fa-angle-left"></i></a> <div class="content-card-group-container"> <div class="content-card-group">  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/ds1307-real-time-clock-breakout-board-kit"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/000/196/medium640/ds1307rtc_LRG.jpg?1534967584" aria-hidden="true" alt="DS1307 Real Time Clock Breakout Board Kit" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/ds1307-real-time-clock-breakout-board-kit">DS1307 Real Time Clock Breakout Board Kit</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/tcooper"> <span class="name">Tyler Cooper</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 47 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adding-a-real-time-clock-to-beaglebone-black"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/000/325/medium640/ds1307rtc_LRG.jpg?1534968818" aria-hidden="true" alt="Adding a Real Time Clock to BeagleBone Black" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/adding-a-real-time-clock-to-beaglebone-black">Adding a Real Time Clock to BeagleBone Black</a> <div class="author"> By <a aria-label="Guide author" data-turbo="false" href="/u/jwcooper"> <span class="name">Justin Cooper</span> </a> </div> <div class="badges"> <div class="badge favorites " title="Saves"> 2 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/adafruit-si5351-clock-generator-breakout"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/000/686/medium640/5640-00.jpg?1667838009" 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-si5351-clock-generator-breakout">Adafruit Si5351 Clock Generator Breakout</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"> 42 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/network-connected-metro-rgb-matrix-clock"> <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/083/medium640thumb/mmclock-3511b.gif?1597688698" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/083/medium640mp4/mmclock-3511b.mp4?1597688698"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/083/medium640webm/mmclock-3511b.webm?1597688698" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Network Connected RGB Matrix Clock. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/083/medium640thumb/mmclock-3511b.gif?1597688698" aria-hidden="true" alt="Network Connected RGB Matrix Clock" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/network-connected-metro-rgb-matrix-clock">Network Connected RGB Matrix Clock</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"> 73 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/macropad-2fa-totp-authentication-friend"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/379/medium640/thumb3.jpg?1626734374" aria-hidden="true" alt="MacroPad 2FA TOTP Authentication Friend" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/macropad-2fa-totp-authentication-friend">MacroPad 2FA TOTP Authentication Friend</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"> 74 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/video-nub-shank-esp32-qt-py-composite-video-injector"> <div class="image-container"> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/605/medium640/nubshankTV2.jpg?1653499677" aria-hidden="true" alt="an old CRT television with a small microcontroller plugged into it to display a vaporwave clock" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/video-nub-shank-esp32-qt-py-composite-video-injector">Video Nub Shank: ESP32 QT Py Composite Video Injector</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"> 24 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/qualia-s3-space-clock"> <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/903/medium640thumb/guide-loop-2.gif?1701185280" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/903/medium640mp4/guide-loop-2.mp4?1701185280"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/903/medium640webm/guide-loop-2.webm?1701185280" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Qualia S3 Space Clock. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/003/903/medium640thumb/guide-loop-2.gif?1701185280" aria-hidden="true" alt="animated gif of the space clock. someone is pressing the button in the back to change the display between mars and earth" 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-space-clock">Qualia S3 Space Clock</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"> 46 </div> </div> </div> </div> </div> </div>  <div class="guide-preview content-card"> <div class="preview-content"> <a aria-hidden="true" href="/feather-rp2040-dvi-circuitpython-day-2024-countdown-clock"> <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/052/medium640thumb/dvi_hero.gif?1722615584" data-error="/assets/missing%2Fmissing.png" 'aria-hidden'=true> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/052/medium640mp4/dvi_hero.mp4?1722615584"></data-src> <data-src src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/052/medium640webm/dvi_hero.webm?1722615584" type="video/webm; codecs=vp8,vorbis"></data-src> Your browser does not support the video tag. This links to the guide Feather RP2040 DVI CircuitPython Day 2024 Countdown Clock. </video> <img data-src="https://cdn-learn.adafruit.com/guides/cropped_images/000/004/052/medium640thumb/dvi_hero.gif?1722615584" aria-hidden="true" alt="adabot holding the feather and featherwing in front of the countdown clock" class="image-preview lazy" src="data:," /> </div> </a> <div class="bottom-section"> <div class="content"> <a class="title" aria-label="Guide title" href="/feather-rp2040-dvi-circuitpython-day-2024-countdown-clock">Feather RP2040 DVI CircuitPython Day 2024 Countdown...</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"> 3 </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="Man holding a light painting stick, and a light painted image of the world is shown" src="https://cdn-learn.adafruit.com/groups/images/000/000/028/original/Photography_Explore.png?1651251848" /> <div class="group-content"> <span aria-label="Group title">Fun with Photography and Electronics</span> <a href="/explore/fun-with-photography-and-electronics">Learn More</a> </div> </div> <div class="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"> 3167 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">"Sometimes magic is just spending more time on something than anyone would reasonably expect"</div> <div class="quote-attribution"><a href="http://en.wikipedia.org/wiki/Teller_%28magician%29">Teller</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?1745037072367417153" /> </a> <div class="social-links"> <a href="https://www.instagram.com/adafruit/" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="https://twitter.com/adafruit/" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a class="mastodon-logo" href="https://mastodon.cloud/@adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Mastodon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><path class="logo" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="currentColor"/><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#000"/></svg></a> <a href="https://www.facebook.com/adafruitindustries" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="https://www.youtube.com/adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on YouTube"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="https://github.com/adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Github"><i class="fa fa-github" aria-hidden="true"></i></a> <a class="tiktok-logo" aria-label="Adafruit on TikTok" href="https://www.tiktok.com/@adafruit" target="_blank" rel="noopener noreferrer"><svg viewBox="3 2 20 22" xmlns="http://www.w3.org/2000/svg"><path class="logo" d="M19.8059 7.50695C18.7771 7.50695 17.8278 7.16612 17.0655 6.59113C16.1912 5.93198 15.5631 4.9651 15.3412 3.85069C15.2863 3.57534 15.2567 3.29119 15.2539 3H12.3149V11.0308L12.3114 15.4297C12.3114 16.6057 11.5455 17.6029 10.4839 17.9536C10.1758 18.0553 9.8431 18.1036 9.49663 18.0846C9.05438 18.0603 8.63995 17.9268 8.27975 17.7113C7.51322 17.2529 6.99351 16.4212 6.97942 15.4698C6.95724 13.9829 8.15933 12.7706 9.64522 12.7706C9.93852 12.7706 10.2202 12.8185 10.4839 12.9054V10.7104V9.92134C10.2058 9.88015 9.92268 9.85867 9.63641 9.85867C8.01004 9.85867 6.48894 10.5347 5.40164 11.7526C4.57982 12.6731 4.08687 13.8473 4.01082 15.0786C3.91117 16.6962 4.50306 18.2339 5.65093 19.3683C5.81959 19.5349 5.9967 19.6895 6.1819 19.8321C7.16604 20.5894 8.36919 21 9.63641 21C9.92268 21 10.2058 20.9789 10.4839 20.9377C11.6677 20.7623 12.7599 20.2204 13.6219 19.3683C14.681 18.3215 15.2662 16.9318 15.2726 15.4526L15.2574 8.88369C15.7627 9.27347 16.3152 9.596 16.9081 9.84635C17.8303 10.2354 18.8081 10.4326 19.8144 10.4322V8.29814V7.50625C19.8151 7.50695 19.8066 7.50695 19.8059 7.50695Z" fill="currentColor"/></svg></a> <a class="tumblr-logo" aria-label="Adafruit on Tumblr" href="https://adafruit.tumblr.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-tumblr" aria-hidden="true"></i></a> <a class="threads-logo" href="https://www.threads.net/@adafruit" target="_blank" rel="noopener noreferrer" aria-label="Adafruit on Threads"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg></span></a> <a class="discord-logo" aria-label="Adafruit on Discord" href="https://adafru.it/discord" target="_blank" rel="noopener noreferrer"><svg style="height: 1em; margin-bottom: -0.15em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="currentColor" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg></a> <a class="bluesky-logo" aria-label="Adafruit on Bluesky" href="https://bsky.app/profile/adafruit.com" target="_blank" rel="noopener noreferrer"><svg style="height: 1em; margin-bottom: -0.15em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg> </a> </div> <div class="footer-messaging"> <a href="https://www.adafruit.com/about">A Minority and Woman-owned Business Enterprise (M/WBE)</a> </div> </div> </footer> </div> </div> </body> </html>

CINXE.COM

Adafruit Learning System