CINXE.COM
Keyboard Accessories - Best Mechanical Keyboard Accessories - HHKB
<!DOCTYPE html> <html lang="en" class="en"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- Start Cookie Consent Manager --> <script src="https://cmp.osano.com/AzZbWCTiWQro76eQi/829af36d-14fc-4a3b-9ac2-3c098236b91d/osano.js"></script> <!-- End Cookie Consent Manager --> <!-- 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-NDBFM4T'); </script> <!-- End Google Tag Manager --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8095496.js"></script> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <!-- End of HubSpot Embed Code --> <title>Keyboard Accessories - Best Mechanical Keyboard Accessories - HHKB</title> <meta name="description" content="Find all of the accessories for your mechanical HHKB keyboard here. Happy Hacking Keyboard Case, Wrist Rest, & Travel Accessories." /> <meta property="og:type" content="website" /> <meta property="og:title" content="Keyboard Accessories - Best Mechanical Keyboard Accessories - HHKB" /> <meta property="og:description" content="Find all of the accessories for your mechanical HHKB keyboard here. Happy Hacking Keyboard Case, Wrist Rest, & Travel Accessories." /> <meta property="og:url" content="https://hhkeyboard.us/hhkb/accessories" /> <link rel="canonical" href="https://hhkeyboard.us/hhkb/accessories" /> <script id="BreadcrumbListSchema" type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "/" }, { "@type": "ListItem", "position": 2, "name": "HHKB Pro", "item": "/hhkb" } ] } </script> <link rel="apple-touch-icon" sizes="180x180" href="/Themes/hhkeyboard/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/Themes/hhkeyboard/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/Themes/hhkeyboard/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="/Themes/hhkeyboard/images/favicon/site.webmanifest.json" /> <link rel="mask-icon" href="/Themes/hhkeyboard/images/favicon/safari-pinned-tab.svg" color="#FF0000" /> <link rel="shortcut icon" href="/Themes/hhkeyboard/images/favicon/favicon.ico" /> <meta name="msapplication-TileColor" content="#FF0000" /> <meta name="msapplication-config" content="/Themes/hhkeyboard/images/favicon/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <link href="/styles/main-hhkeyboard-202411141514.css" rel="stylesheet" /> <meta name="VIcurrentDateTime" content="638680219305732239" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/hhkb/accessories" /> </head> <body class="hhkb-pro"> <a href="#mainContent" class="skip-to-main">Skip to main content</a> <div id="main-container"> <header class="primary-header sticky-top" aria-label="Fujitsu Page Header"> <div class="d-none d-lg-block utility-container"> <div class="container"> <div class="row"> <div class="col-12"> <div class="utility-nav"> <nav aria-label="Utility" class="position-relative"> <ul> <li class="nav-item utility-nav-login"> <a href="/account/login" target="" class="nav-link utility-nav-login" aria-controls="user-nav-fc48fcb1-8222-440a-93fa-6ab1a4d1f885" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="nav-item utility-nav-cart"> <a href="/account/cart" target="" class="nav-link utility-nav-cart" aria-controls="user-nav-e51f9eb4-e8ee-4e18-94ff-bb5f81634f9c" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> <section class="d-none d-lg-block primary-navigation-desktop" aria-label="Navigation Bar"> <div class="container"> <div class="row"> <div class="col-12 primary-nav-row"> <nav id="primary-nav" class="navbar primary-nav navbar-expand-lg" aria-label="Primary"> <div class="mobile-lock-up"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <div class="mobile-utility"> <nav class="utility-nav" aria-label="Utility"> <ul class="utility-links d-lg-none"> <li class="utility-nav-login"> <a href="/account/login" target="" class="utility-nav-login" aria-controls="user-nav-8c06a821-8bd6-4cf4-98d3-977832c4babe" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="utility-nav-cart"> <a href="/account/cart" target="" class="utility-nav-cart" aria-controls="user-nav-03cf15e5-47c0-4243-9005-9edcc1647803" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> <div class="collapse navbar-collapse nav-justify" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item active dropdown levels-1"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_de51ca3b-a846-4b05-a730-8a8e063679c4" target="" href="/hhkb" title="Browse HHKB Pro" aria-haspopup="true" aria-expanded="false">HHKB Pro</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_de51ca3b-a846-4b05-a730-8a8e063679c4"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/snow">Snow Collection</a></li> <li><a class="heading" target="" href="/hhkb/pro-hybrid-type-s">Pro HYBRID Type-S</a></li> <li><a class="heading" target="" href="/hhkb/pro-hybrid">Pro HYBRID</a></li> <li><a class="heading" target="" href="/hhkb/pro-classic">Pro Classic</a></li> <li class="active"><span>Accessories</span></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_1d34b9cc-e11a-437a-9c05-36c84e4122bf" target="" href="/hhkb-studio" title="Browse HHKB Studio" aria-haspopup="true" aria-expanded="false">HHKB Studio</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_1d34b9cc-e11a-437a-9c05-36c84e4122bf"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/hhkb-studio/snow">Snow Collection</a></li> <li><a class="heading" target="" href="/hhkb-studio/product">Product</a></li> <li><a class="heading" target="" href="/hhkb-studio/accessories">Accessories</a></li> <li><a class="heading" target="" href="/hhkb-studio/look-book">Look Book</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_90bdd4fc-537e-4092-871d-b571373d240a" target="" href="/support" title="Browse Support" aria-haspopup="true" aria-expanded="false">Support</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_90bdd4fc-537e-4092-871d-b571373d240a"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/support/faq">FAQ</a></li> <li><a class="heading" target="|Custom" href="/support/registration">Registration</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-2 popout"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_8d76955a-5879-4476-8c60-2078dcf77606" target="" href="/resources" title="Browse Resources" aria-haspopup="true" aria-expanded="false">Resources</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_8d76955a-5879-4476-8c60-2078dcf77606"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/blog">Blog</a></li> <li class="inner-menu"> <a target="" href="/guide">Guides</a> <ul class="third-level"> <li><a target="" href="/guide/keyboard-for-creators">Best Keyboard for Creators</a></li> <li><a target="" href="/guide/keyboard-not-working">Keyboard Not Working?</a></li> <li><a target="" href="/guide/best-keyboard-for-programming">Best Keyboards for Programming</a></li> <li><a target="" href="/guide/best-keyboard-for-typing">Best Keyboard for Typing</a></li> <li><a target="" href="/guide/custom-keyboard">Custom Mechanical Keyboards</a></li> <li><a target="" href="/guide/keyboard-layouts">Keyboard Layouts</a></li> <li><a target="" href="/guide/keyboard-sizes">Keyboard Sizes</a></li> <li><a target="" href="/guide/keycaps">Keycaps</a></li> <li><a target="" href="/guide/mechanical-keyboard-switches">Mechanical Keyboard Switches</a></li> <li><a target="" href="/guide/mechanical-keyboard-guide">Mechanical Keyboards</a></li> </ul> </li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_26a2dfb2-5513-45ea-a8e5-5140260deeda" target="" href="/about" title="Browse About" aria-haspopup="true" aria-expanded="false">About</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_26a2dfb2-5513-45ea-a8e5-5140260deeda"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/about/contact-us">Contact Us</a></li> <li><a class="heading" target="" href="/about/history">History</a></li> <li><a class="heading" target="" href="/about/news">News</a></li> <li><a class="heading" target="" href="/about/press-releases">Press Releases</a></li> </ul> </div> </div> </div> </li> </ul> </div> </nav> </div> </div> </div> </section> <section class="d-block d-lg-none primary-navigation-mobile" aria-label="Navigation Bar"> <div class="primary-nav-row"> <nav id="primary-nav" class="navbar primary-nav navbar-expand-lg" aria-label="Primary"> <div class="mobile-lock-up"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <div class="mobile-utility"> <nav class="utility-nav" aria-label="Utility"> <ul class="utility-links d-lg-none"> <li class="utility-nav-login"> <a href="/account/login" target="" class="utility-nav-login" aria-controls="user-nav-c18f21bf-d627-428c-9a47-8f43b3a24f64" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="utility-nav-cart"> <a href="/account/cart" target="" class="utility-nav-cart" aria-controls="user-nav-9413ba91-e3bd-40ce-880c-f7fc14ef5599" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> <div class="mobile-nav-panel level-1"> <div class="mobile-nav-header-min"> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Pro</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Pro</strong> <a href="/hhkb" target="" title="Browse HHKB Pro">View Details</a> </li> <li><a target="" href="/snow">Snow Collection</a></li> <li><a target="" href="/hhkb/pro-hybrid-type-s">Pro HYBRID Type-S</a></li> <li><a target="" href="/hhkb/pro-hybrid">Pro HYBRID</a></li> <li><a target="" href="/hhkb/pro-classic">Pro Classic</a></li> <li><a target="" href="/hhkb/accessories">Accessories</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Studio</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Studio</strong> <a href="/hhkb-studio" target="" title="Browse HHKB Studio">View Details</a> </li> <li><a target="" href="/hhkb-studio/snow">Snow Collection</a></li> <li><a target="" href="/hhkb-studio/product">Product</a></li> <li><a target="" href="/hhkb-studio/accessories">Accessories</a></li> <li><a target="" href="/hhkb-studio/look-book">Look Book</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Support</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Support</strong> <a href="/support" target="" title="Browse Support">View Details</a> </li> <li><a target="" href="/support/faq">FAQ</a></li> <li><a target="|Custom" href="/support/registration">Registration</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Resources</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Resources</strong> <a href="/resources" target="" title="Browse Resources">View Details</a> </li> <li><a target="" href="/blog">Blog</a></li> <li> <button type="button" class="mobile-nav-toggle" aria-expanded="false">Guides</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Resources</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Guides</strong> <a target="" href="/guide">View Details</a> </li> <li><a target="" href="/guide/keyboard-for-creators">Best Keyboard for Creators</a></li> <li><a target="" href="/guide/keyboard-not-working">Keyboard Not Working?</a></li> <li><a target="" href="/guide/best-keyboard-for-programming">Best Keyboards for Programming</a></li> <li><a target="" href="/guide/best-keyboard-for-typing">Best Keyboard for Typing</a></li> <li><a target="" href="/guide/custom-keyboard">Custom Mechanical Keyboards</a></li> <li><a target="" href="/guide/keyboard-layouts">Keyboard Layouts</a></li> <li><a target="" href="/guide/keyboard-sizes">Keyboard Sizes</a></li> <li><a target="" href="/guide/keycaps">Keycaps</a></li> <li><a target="" href="/guide/mechanical-keyboard-switches">Mechanical Keyboard Switches</a></li> <li><a target="" href="/guide/mechanical-keyboard-guide">Mechanical Keyboards</a></li> </ul> </div> </li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">About</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>About</strong> <a href="/about" target="" title="Browse About">View Details</a> </li> <li><a target="" href="/about/contact-us">Contact Us</a></li> <li><a target="" href="/about/history">History</a></li> <li><a target="" href="/about/news">News</a></li> <li><a target="" href="/about/press-releases">Press Releases</a></li> </ul> </div> </li> </ul> </div> <div class="collapse navbar-collapse nav-justify" id="searchDrawer"> </div> </nav> </div> </section> <section class="page-header" aria-label="Page Header"> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-9"> <nav aria-label="Breadcrumb" class="breadcrumb-wrapper"> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a target="" href="/" itemprop="item"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a target="" href="/hhkb" itemprop="item"><span itemprop="name">HHKB Pro</span></a> <meta itemprop="position" content="2" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Accessories</span> <meta itemprop="position" content="3" /> </li> </ol> </nav> <strong class="page-title" title="Accessories">Accessories</strong> </div> <div class="col-3 page-nav"> </div> </div> </div> </section> </header> <section id="status-banner" class="status-banner status- hide"> <div class="container"> <div class="row"> <div id="status-banner-target" class="col-12 status-content"> </div> </div> </div> </section> <div class="modal fade status-banner-modal" id="statusBannerModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed" id="status-banner-modal-target"> </div> </div> </div> </div> </div> <main role="main" id="mainContent"> <a id="top" class="anchor"></a> <div class=""> <section class="full-width-promo-with-background-image orientation-left mb-0 theme-secondary" > <a name="add-ons-for-your-hhkb" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/hhkb/hhkb-accessories-hero_sm.jpg?mw=576&hash=8893F277BA92C3B8F67D370B58ADEEC8" /> <img src="/-/media/project/hhkeyboard/hhkb/hhkb-accessories-hero_lg.jpg?mw=1440&hash=705A215347988852586EEBB9CE08451D" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h1 class="heading-1">Add-Ons for your HHKB</h1> </div> <div class="body" > <p>Give your HHKB some love with carrying cases, keyboard lids, and more.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="card-deck accessories-list arrow-cta background-color-off-white has-image-modal"> <div class="container"> <div class="row"> <div class="col"> <div class="deck-header"> <a name="accessories" class="anchor"></a><h2>Accessories</h2> </div> </div> </div> <div class="row justify-content-center"> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/wasabi-full-key-top-set" target="" aria-label="Wasabi Full Topre Keycap Set" title="Wasabi Full Topre Keycap Set"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/wasabi/cg01000-310296_card.jpg?h=300&iar=0&mw=500&w=500&hash=8192CA5F95665BF255F5BAEB68CD93EE" class="card-img-top" alt="Wasabi Full Topre Keycap Set" width="500" height="300" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Wasabi Full Topre Keycap Set </h3> <div class="card-text"> <p><strong>LIMITED RELEASE: </strong> Introducing the Wasabi green full key top set available for a single run and limited quantity. Your HHKB Professional keyboard can showcase your creative expression with a beautiful wasabi green aesthetic. Get yours before they run out!</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Choose Options</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/snow-full-key-top-set" target="" aria-label="Snow Full Topre Keycap Set" title="Snow Full Topre Keycap Set"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-307301_card.jpg?h=300&iar=0&mw=500&w=500&hash=918E6E493D5216773C50FB34EDA73679" class="card-img-top" alt="Snow Full Topre Keycap Set" width="500" height="300" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Snow Full Topre Keycap Set </h3> <div class="card-text"> <p>The snow Topre keycap set allows you to bring a sleek, powder white finish to any board in the HHKB Professional family. Available blank or stamped.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Choose Options</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/cg01000-302301" target="" aria-label="4 COLOR KEYCAP SET" title="4 COLOR KEYCAP SET"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-302301_2.jpg?h=500&iar=0&mw=500&w=500&hash=1277032B139F0EE89CE6E32AFAF7EF43" class="card-img-top" alt="4 COLOR KEYCAP SET" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> 4 COLOR KEYCAP SET </h3> <div class="card-text"> <p>The set comes with aqua green and cobalt blue keycaps, in both printed and blank finishes, as well as a Topre keycap puller to round out the set. Works with HHKB Professional Series.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/cg01000-304501" target="" aria-label="Keyboard Padded Sleeve" title="Keyboard Padded Sleeve"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-304501.jpg?h=500&iar=0&mw=500&w=500&hash=167E7F1E834784DA0A0D082D0D8478A6" class="card-img-top" alt="Keyboard Padded Sleeve" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Keyboard Padded Sleeve </h3> <div class="card-text"> <p>From a quick trip to the office, to a flight across the world, the HHKB Pro keyboard sleeve protects your typing companion with minimal space added, fitting perfectly into backpacks and luggage.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/25th-anniversary-fn-keycap" target="" aria-label="25th Anniversary Fn Keycap" title="25th Anniversary Fn Keycap"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-302701.jpg?h=500&iar=0&mw=500&w=500&hash=E809B56BFD26474F1F42EA47FD66B330" class="card-img-top" alt="25th Anniversary Fn Keycap" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> 25th Anniversary Fn Keycap </h3> <div class="card-text"> <p>HHKB Pro limited edition 25th Anniversary Topre manufactured function keycap. Available in charcoal or gray.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Choose Options</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/cg01000-299001" target="" aria-label="HHKB Pro Keyboard Lid" title="HHKB Pro Keyboard Lid"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-299001.jpg?h=500&iar=0&mw=500&w=500&hash=ED5BC1EA4E2A2C14AE29592C721BD607" class="card-img-top" alt="HHKB Pro Keyboard Lid" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> HHKB Pro Keyboard Lid </h3> <div class="card-text"> <p>Covers, protects, and helps keep your HHKB Pro keyboard and keycaps clean.</p> <p><small><em>Note: HHKB keyboard is not included with purchase of HHKB lid.</em></small></p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/travel-bundle" target="" aria-label="Travel Bundle" title="Travel Bundle"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-296001.jpg?h=500&iar=0&mw=500&w=500&hash=27FDF6ADBA940549FFFD4E8CC1088D65" class="card-img-top" alt="Travel Bundle" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Travel Bundle </h3> <div class="card-text"> <p>The HHKB travel bundle includes the HHKB branded carrying case, protective lid, and wrist rest in one of 4 colors.</p> <p><small><em>Note: HHKB keyboard is not included with purchase of HHKB Travel Bundle.</em></small></p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Choose Options</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/wood-wrist-rest" target="" aria-label="Wood Wrist Rest" title="Wood Wrist Rest"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-298301.jpg?h=500&iar=0&mw=500&w=500&hash=9A808D893921642010D6CED65641CA13" class="card-img-top" alt="Wood Wrist Rest" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Wood Wrist Rest </h3> <div class="card-text"> <p>The wood wrist rest for Happy Hacking Keyboard is the perfect accessory to go along with your HHKB Pro keyboard.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Choose Options</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="https://store.pfu-us.ricoh.com/62-hh-pw-bc3001-bk/" target="_blank" aria-label="PROFESSOR WADA T-SHIRT - BLACK" title="PROFESSOR WADA T-SHIRT - BLACK"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/62-hh-pw-bc3001-bk_1.jpg?h=500&iar=0&mw=500&w=500&hash=20937854956BCDB45184D10152B5E22E" class="card-img-top" alt="PROFESSOR WADA T-SHIRT - BLACK" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> PROFESSOR WADA T-SHIRT - BLACK </h3> <div class="card-text"> <p>As a celebration of our 25th Anniversary, Professor Wada, the father of the HHKB, designed this sleek shirt, paying homage to our original “Happy Hacking” mantra and historic keyboard layout. </p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="https://store.pfu-us.ricoh.com/62-hhkb-eks-bc3001-bk/" target="_blank" aria-label="Topre Switch T-Shirt - Black" title="Topre Switch T-Shirt - Black"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/62-hhkb-eks-bc3001-bk_1.jpg?h=500&iar=0&mw=500&w=500&hash=18A068352023E50FEBC357D14BB7BE6D" class="card-img-top" alt="Topre Switch T-Shirt - Black" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Topre Switch T-Shirt - Black </h3> <div class="card-text"> This design showcases an exploded, part by part lens into the best-in-class Topre switch, a switch that brings an unparalleled typing experience to the HHKB. </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="https://store.pfu-us.ricoh.com/62-nhhbknl-bc3001-bk/" target="_blank" aria-label="No HHKB No Life T-Shirt - Black" title="No HHKB No Life T-Shirt - Black"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/62-nhhbknl-bc3001-bk.jpg?h=500&iar=0&mw=500&w=500&hash=C6B28AFDBD647166102BF2EEAF505F53" class="card-img-top" alt="No HHKB No Life T-Shirt - Black" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> No HHKB No Life T-Shirt - Black </h3> <div class="card-text"> <p>This design was originally sported at the 2019 Japan launch event of our latest keyboard models, embracing the enthusiasm that comes with our historic brand.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="https://store.pfu-us.ricoh.com/62-hhbk-bc3001-wh/" target="_blank" aria-label="HHKB Logo T-Shirt - White" title="HHKB Logo T-Shirt - White"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/62-hhbk-bc3001-wh.jpg?h=500&iar=0&mw=500&w=500&hash=EDF44522BC843E6810C7B7B6BB46894D" class="card-img-top" alt="HHKB Logo T-Shirt - White" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> HHKB Logo T-Shirt - White </h3> <div class="card-text"> This design highlights our treasured HHKB logo. </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> <div class="col-sm-6 col-lg-3 accessory-card"> <a href="/hhkb/accessories/cg01000-298001" target="" aria-label="Adjustable Stand" title="Adjustable Stand"> <div class="card"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/accessories/cg01000-298001.jpg?h=500&iar=0&mw=500&w=500&hash=1571D14C798E3836858D0093C07D192F" class="card-img-top" alt="Adjustable Stand" width="500" height="500" /> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Adjustable Stand </h3> <div class="card-text"> <p>Compatible with most iPhone, Android and tablet devices, this adjustable stand gives you a custom viewing angle and hands-free convenience. Comes with travel bag.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta">Learn More</span> </div> </div> </div> </a> </div> </div> </div> </section> <section class="card-deck standard arrow-cta items-per-row-3" data-show-more="3"> <div class="container"> <div class="row"> <div class="col"> <a name="blog" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Blog </h2> </div> </div> </div> </div> <div class="row justify-content-center main-content"> <div class="card-col" > <div class="card with-link"> <a href="/blog/hhkb-layout" aria-label="Learn More About What Makes the HHKB Keyboard Layout Unique?" title="Learn More About What Makes the HHKB Keyboard Layout Unique?"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/06/hhkb_type_s.jpg?mw=1200&hash=E8DC1ED17E1AEB16B38D79B88D591207" alt="HHKB Type-S white model " /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>What Makes the HHKB Keyboard Layout Unique?</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-layout">Learn More <span class="sr-only">about What Makes the HHKB Keyboard Layout Unique?</span></span> </div> </div> </a> </div> </div> <div class="card-col" > <div class="card with-link"> <a href="/blog/hhkb-blog-interview-part-1-fred-brown" aria-label="Learn More About HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)" title="Learn More About HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/03/fred-desk-setup_1.jpg?mw=1200&hash=F30823764AD67A3D4C3F93C28D006917" alt="" /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-blog-interview-part-1-fred-brown">Learn More <span class="sr-only">about HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)</span></span> </div> </div> </a> </div> </div> <div class="card-col" > <div class="card with-link"> <a href="/blog/hhkb-spotlight-featuring-design-engineer-john-pham" aria-label="Learn More About HHKB Spotlight: Featuring Design Engineer, John Pham" title="Learn More About HHKB Spotlight: Featuring Design Engineer, John Pham"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/08/desk_setup_header.jpg?mw=1200&hash=F5C257E69DCDB44A19A15A29AE35E916" alt="" /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>HHKB Spotlight: Featuring Design Engineer, John Pham</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-spotlight-featuring-design-engineer-john-pham">Learn More <span class="sr-only">about HHKB Spotlight: Featuring Design Engineer, John Pham</span></span> </div> </div> </a> </div> </div> </div> </div> </section> </main> <footer class="primary-footer"> <div class="footer-wrapper bg-dark-gray"> <div class="container"> <div class="row main-wrap"> <nav class="footer-primary" aria-label="Footer Main"> <ul class="nav"> <li> <a class="nav-link" target="" href="/hhkb" title="Browse HHKB Pro">HHKB Pro</a> <ul> <li> <a class="nav-link" target="" href="/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid-type-s" title="Browse Pro HYBRID Type-S">Pro HYBRID Type-S</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid" title="Browse Pro HYBRID">Pro HYBRID</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-classic" title="Browse Pro Classic">Pro Classic</a> </li> <li> <a class="nav-link" target="" href="/hhkb/accessories" title="Browse Accessories">Accessories</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/hhkb-studio" title="Browse HHKB Studio">HHKB Studio</a> <ul> <li> <a class="nav-link" target="" href="/hhkb-studio/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/product" title="Browse Product">Product</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/accessories" title="Browse Accessories">Accessories</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/look-book" title="Browse Look Book">Look Book</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/support" title="Browse Support">Support</a> <ul> <li> <a class="nav-link" target="" href="/support/faq" title="Browse FAQ">FAQ</a> </li> <li> <a class="nav-link" target="" href="/support/registration" title="Browse Registration">Registration</a> </li> <li> <a class="nav-link" target="" href="/support/faq/store" title="Browse Store FAQ">Store FAQ</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/resources" title="Browse Resources">Resources</a> <ul> <li> <a class="nav-link" target="" href="/blog" title="Browse Blog">Blog</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Guides">Guides</a> <ul> <li> <a class="nav-link" target="" href="/guide/best-keyboard-for-programming" title="Browse Best Keyboards for Programming">Best Keyboards for Programming</a> </li> <li> <a class="nav-link" target="" href="/guide/custom-keyboard" title="Browse Custom Mechanical Keyboards">Custom Mechanical Keyboards</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-layouts" title="Browse Keyboard Layouts">Keyboard Layouts</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-sizes" title="Browse Keyboard Sizes">Keyboard Sizes</a> </li> <li> <a class="nav-link" target="" href="/guide/keycaps" title="Browse Keycaps">Keycaps</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-switches" title="Browse Mechanical Keyboard Switches">Mechanical Keyboard Switches</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Mechanical Keyboards">Mechanical Keyboards</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/about" title="Browse About">About</a> <ul> <li> <a class="nav-link" target="" href="/about/contact-us" title="Browse Contact Us">Contact Us</a> </li> <li> <a class="nav-link" target="" href="/about/history" title="Browse History">History</a> </li> <li> <a class="nav-link" target="" href="/about/news" title="Browse News">News</a> </li> <li> <a class="nav-link" target="" href="/about/press-releases" title="Browse Press Releases">Press Releases</a> </li> </ul> </li> </ul> </nav> <div class="sidebar-wrap"> <nav class="footer-social" aria-label="Footer Social"> <h3>Social</h3> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.instagram.com/hhkb_us/" title="Browse Instagram"> <span class="icon icon-instagram"> <span class="sr-only">Instagram</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.facebook.com/HHKBUS/" title="Browse Facebook"> <span class="icon icon-facebook"> <span class="sr-only">Facebook</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.linkedin.com/showcase/hhkb/" title="Browse LinkedIn"> <span class="icon icon-linkedin"> <span class="sr-only">LinkedIn</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://x.com/HHKB_US" title="Browse X"> <span class="icon icon-x"> <span class="sr-only">X</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="" href="https://www.youtube.com/c/HappyHackingKeyboardUS" title="Browse YouTube"> <span class="icon icon-youtube"> <span class="sr-only">YouTube</span> </span> </a> </li> </ul> </nav> </div> </div> <div class="row"> <div class="col"> <nav class="footer-legal d-flex" aria-label="Footer Legal"> <small> <div class="legal-content"> <img src="/Themes/Common/images/pfu-logo-white.svg" class="legal-logo" alt="PFU - A Ricoh Company logo"/> <div class="body-xs-medium"> <p>PFU America, Inc. is the primary authorized seller of HHKB keyboards in the U.S.</p> <p>Copyright © 2024 PFU America, Inc. All Rights Reserved.</p> </div> </div> <div class="legal-nav-container"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/accessibility" title="Browse Accessibility">Accessibility</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/terms" title="Browse Terms">Terms</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="/privacy" title="Browse Privacy">Privacy</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#cookie-preferences" title="Browse Cookie Preferences">Cookie Preferences</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/privacy#opt-out-sale" title="Browse Do Not Sell or Share My Personal Information">Do Not Sell or Share My Personal Information</a> </li> </ul> </div> </small> </nav> </div> </div> </div> </div> </footer> <div id="imageModal" class="modal fade image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header text-center d-block"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" id="imageModalTarget"> </div> </div> </div> </div> <div class="modal fade video-modal" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed"> <div class="embed-responsive embed-responsive-16by9" id="vimeoTargetWrapper"> <div id="vimeoTarget"></div> </div> <div class="embed-responsive embed-responsive-16by9" id="ytTargetWrapper"> <div id="ytTargetModal"></div> </div> </div> <div class="slick-arrows d-none"> <button class="slick-prev slick-arrow-modal" aria-label="Previous" type="button" style="" tabindex="0">Previous</button> <button class="slick-next slick-arrow-modal" aria-label="Next" type="button" style="" tabindex="0">Next</button> </div> </div> </div> </div> </div> <div class="modal fade hubspot-modal" id="hubspotModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title d-none">Contact Us</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed" id="hubspot-target"> </div> </div> </div> </div> </div> </div> <script src="/scripts/main-hhkeyboard-202411141538.js" type="text/javascript"></script> <script type="text/javascript"> var cpaAccount = 'fujitsuscannerstorecom'; var cpaE = ''; var cpa_async = { 'ctag': '', 'utmipn': '', 'utmipc': '', 'utmtid': '', 'utmtto': '', 'cutmcn': '', 'cutmcc': '' }; </script> <script src="//ping.contactpigeon.com/bi/js/cpagent142097.js?cid=fujitsuscannerstorecom&v=001" type="text/javascript"></script> <style> .osano-cm-widget { display: none; } </style> </body> </html>