CINXE.COM
Features - 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" /> <link rel="preconnect" href="https://cmp.osano.com/" /> <link rel="preconnect" href="https://www.googletagmanager.com/" /> <link rel="preconnect" href="https://www.gstatic.com" /> <link rel="preconnect" href="https://stats.g.doubleclick.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <!-- 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>Features - HHKB</title> <meta property="og:type" content="website" /> <meta property="og:title" content="Features - HHKB" /> <meta property="og:url" content="https://hhkeyboard.us/resources/features" /> <link rel="canonical" href="https://hhkeyboard.us/resources/features" /> <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": "Resources", "item": "/resources" } ] } </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-202502202154.css" rel="stylesheet" /> <meta name="VIcurrentDateTime" content="638757557683656075" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/resources/features" /> </head> <body class="resources"> <a href="#mainContent" class="skip-to-main">Skip to main content</a> <div id="main-container"> <header class="primary-header sticky-top" aria-label="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-cad933b0-14ae-4fd5-bcd3-61b6b89f6ee3" 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-4919bda7-80ac-43db-84ec-e777363b1fff" 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-f9a2ba03-53bb-4547-a5a1-792d575dd169" 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-4b163087-ba9c-46a1-8b82-ee68d0ae2cc4" 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 dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_c159be21-777e-4f78-8a4f-f97a0b62efe6" 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_c159be21-777e-4f78-8a4f-f97a0b62efe6"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="heading">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="heading">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="heading">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="heading">Accessories</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_791b397f-46e7-49fb-837a-4804cb3196e5" 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_791b397f-46e7-49fb-837a-4804cb3196e5"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/hhkb-studio/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="heading">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="heading">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="heading">Look Book</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_a0e7912d-30ff-41dd-8dde-378108ff5a76" 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_a0e7912d-30ff-41dd-8dde-378108ff5a76"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/support/faq" target="" class="heading">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="heading">Registration</a></li> </ul> </div> </div> </div> </li> <li class="nav-item active dropdown levels-2 popout"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_3a1a2427-dd06-4408-b36f-dd32e520ef03" 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_3a1a2427-dd06-4408-b36f-dd32e520ef03"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/blog" target="" class="heading">Blog</a></li> <li class="active"><span>Features</span></li> <li class="inner-menu"> <a href="/guide" target="" class="">Guides</a> <ul class="third-level"> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">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_7c137cda-7273-42e0-856d-cdcd964585ac" 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_7c137cda-7273-42e0-856d-cdcd964585ac"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/about/contact-us" target="" class="heading">Contact Us</a></li> <li><a href="/about/history" target="" class="heading">History</a></li> <li><a href="/about/news" target="" class="heading">News</a></li> <li><a href="/about/press-releases" target="" class="heading">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-12f0a1ad-e5af-4e89-9014-2a82d06aa107" 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-ee94730d-7c9d-47f2-bafe-d3ce21763507" 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="" class="" title="Browse HHKB Pro">View Details</a> </li> <li><a href="/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="">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="" class="" title="Browse HHKB Studio">View Details</a> </li> <li><a href="/hhkb-studio/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="">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="" class="" title="Browse Support">View Details</a> </li> <li><a href="/support/faq" target="" class="">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="">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="" class="" title="Browse Resources">View Details</a> </li> <li><a href="/blog" target="" class="">Blog</a></li> <li><a href="/resources/features" target="" class="">Features</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 href="/guide" target="" class="">View Details</a> </li> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">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="" class="" title="Browse About">View Details</a> </li> <li><a href="/about/contact-us" target="" class="">Contact Us</a></li> <li><a href="/about/history" target="" class="">History</a></li> <li><a href="/about/news" target="" class="">News</a></li> <li><a href="/about/press-releases" target="" class="">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="/resources" itemprop="item"><span itemprop="name">Resources</span></a> <meta itemprop="position" content="2" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Features</span> <meta itemprop="position" content="3" /> </li> </ol> </nav> <strong class="page-title" title="Features">Features</strong> </div> <div class="col-3 page-nav"> <div class="how-to-buy d-none"> <a class="btn btn-dark" href="/hhkb" >Buy Now</a> </div> </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" > <a name="keyboard-features" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/hhkb/hhkb-pro-classic-hero_sm.jpg?mw=576&hash=EF2C1481E992C91E3C75EEEAB2222735" /> <img src="/-/media/project/hhkeyboard/hhkb/everything-need-hero_lg.jpg?mw=1440&hash=718EE513B38099E3D489801DE59B40BB" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h2 class="heading-1">Keyboard Features</h2> </div> <div class="body" > <p>HHKB keyboards are renowned for their minimalist design, exceptional typing experience, and wide array of features, catering primarily to software developers and coding enthusiasts. From ergonomic layouts and Bluetooth connectivity to custom keycaps and Topre mechanical switches, we have the keyboard and features you are looking for.</p> <p>Continue below to find the keyboard features you are interested in:</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="card-deck standard arrow-cta items-per-row-fluid mb-0" data-show-more="3"> <div class="container"> <div class="row justify-content-center main-content"> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{e8bbcc57-fc80-49a9-aad5-6446b402105e}" data-datasource-id="{C992A705-5EF5-4362-8BE5-E3355191B24A}" > <div class="card with-link"> <a href="/resources/features/bluetooth-wireless-mechanical-keyboards" target="" title="Bluetooth Wireless Mechanical Keyboards" aria-label="Bluetooth Wireless Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/wireless_bluetooth_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=D6C45C3434EEE435329654C1C1846B45" class="img-fluid" alt="Black man sitting at a hotel lobby using a wireless keyboard and screen. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Bluetooth Wireless Mechanical Keyboards</h3> <div class="card-text"> <p>Discover the best Bluetooth keyboards offering seamless connectivity, impressive battery life, and sleek designs. Ideal for work, programming, or travel, these keyboards pair effortlessly with laptops, tablets, and smartphones. Explore top-rated options for all your wireless typing needs.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/bluetooth-wireless-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{6bce8cc4-5c29-40d1-b256-088b7a81cd11}" data-datasource-id="{9601FCDD-F647-4FF6-BDB0-6DE81377AF16}" > <div class="card with-link"> <a href="/resources/features/portable-mechanical-keyboards" target="" title="Portable Mechanical Keyboards" aria-label="Portable Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/portable_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=249CADBEB81EF33DEA95715D17C6FF48" class="img-fluid" alt="Woman typing on a wireless black keyboard on a coffeehouse table with a beverage and a screen. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Portable Mechanical Keyboards</h3> <div class="card-text"> <p>Compact and lightweight, portable keyboards are perfect for on-the-go productivity. Designed to fit in bags or pockets, they offer easy connectivity and efficient typing. Find the best portable keyboards for travel, remote work, and everyday use.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/portable-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{d58e10f9-a376-4409-b1f0-6b54650dc967}" data-datasource-id="{27831FAC-C881-4673-A233-59F789BC4522}" > <div class="card with-link"> <a href="/resources/features/60-percent-mechanical-keyboards" target="" title="60 Percent Mechanical Keyboards" aria-label="60 Percent Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/60_percent_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=77199784D1C54586D53F57C27D89E780" class="img-fluid" alt="Hands on an HHKB keyboard. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">60 Percent Mechanical Keyboards</h3> <div class="card-text"> <p>Minimalist and compact, 60 percent keyboards save desk space without sacrificing functionality. Ideal for gamers and typists, they feature a streamlined layout with essential keys. Discover the best options for sleek, efficient setups.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/60-percent-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{0d064b5c-e26a-416c-9875-7572a970007c}" data-datasource-id="{6CA53AC1-4400-4754-B59F-BB30AF16E656}" > <div class="card with-link"> <a href="/resources/features/best-topre-mechanical-keyboards" target="" title="Topre Mechanical Keyboards" aria-label="Topre Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/topre_mechanical_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=ED6899EF6436783AECAF031351177EE6" class="img-fluid" alt="White HHKB keyboard sitting on top of a canvas bag with someone holding it. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Topre Mechanical Keyboards</h3> <div class="card-text"> <p>Topre keyboards combine premium feel and performance with electro-capacitive switches for unparalleled typing comfort. Renowned for their smooth keystrokes and durability, they’re a favorite among enthusiasts. Discover the best Topre keyboards for a luxury experience.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/best-topre-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{01062e00-7cae-44c3-9308-3361cb7c5a17}" data-datasource-id="{04D9F060-67AF-4B6D-8A6C-54273E0FD854}" > <div class="card with-link"> <a href="/resources/features/wired-mechanical-keyboards" target="" title="Wired Mechanical Keyboards" aria-label="Wired Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/wired_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=C834EC8DA0EC97EFB5BACEDA5DA31EBA" class="img-fluid" alt="White HHKB keyboard with cable showing. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Wired Mechanical Keyboards</h3> <div class="card-text"> <p>For reliability and performance, wired keyboards deliver consistent connectivity without latency. Perfect for gaming, office tasks, and programming, they offer durability and fast response times. Explore the best wired keyboards for a lag-free experience.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/wired-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{f974c5c0-e746-419b-9971-146c1542ceb7}" data-datasource-id="{1E92F5E9-1572-4459-810C-6871E3D90D1E}" > <div class="card with-link"> <a href="/resources/features/blank-keycaps-mechanical-keyboards" target="" title="Mechanical Keyboards with Blank Keycaps" aria-label="Mechanical Keyboards with Blank Keycaps"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/blank_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=22DF56EE1A3A681E4DACF9584A3C563E" class="img-fluid" alt="HHKB keyboard on desk with other office products. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Mechanical Keyboards with Blank Keycaps</h3> <div class="card-text"> <p>Boost your typing speed and accuracy with blank keyboards that challenge muscle memory. Perfect for advanced typists and enthusiasts, these minimalist keyboards offer a clean, professional aesthetic. Find top options for blank, keyless designs.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/blank-keycaps-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{49ff92fe-7ec0-4f47-b4d5-361f0dfe6073}" data-datasource-id="{8F0930E1-0388-4547-9626-B680E03783B7}" > <div class="card with-link"> <a href="/resources/features/mechanical-keyboards-for-programming" target="" title="Mechanical Keyboards for Programming" aria-label="Mechanical Keyboards for Programming"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/mechanical_keyboard_programming.jpg?h=376&iar=0&mw=1200&w=720&hash=7CBC70A0F971F791E6F8510E5862F1AF" class="img-fluid" alt="Hands typing on an HHKB keyboard with a koi fish print underneath. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Mechanical Keyboards for Programming</h3> <div class="card-text"> <p>Designed with developers in mind, the best programming keyboards offer ergonomic layouts, customizable keys, and fast response times. Enhance productivity with options tailored for coding comfort and efficiency. Discover keyboards that help you code smarter and faster.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/mechanical-keyboards-for-programming" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{d4fa879c-86b3-45ff-b1d2-3c5075b4fdb8}" data-datasource-id="{F60B69C5-C231-4515-AF4E-A1557C1FA109}" > <div class="card with-link"> <a href="/resources/features/fully-programmable-keyboards" target="" title="Fully Programmable Computer Keyboard" aria-label="Fully Programmable Computer Keyboard"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/programmable_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=0E1CB4E0954FA0092F6A00CC0DDF402F" class="img-fluid" alt="Woman's hands typing on a white HHKB keyboard with a screen nearby. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Fully Programmable Computer Keyboard</h3> <div class="card-text"> <p>Take control of your workflow with programmable keyboards featuring customizable keys and macros. Perfect for gamers, professionals, and creatives, they offer personalized setups for enhanced efficiency. Explore versatile options for your unique needs.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/fully-programmable-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{b2e41586-2045-43d1-a083-e830e6a5f4f6}" data-datasource-id="{B56DCD6D-66F6-44B9-AC60-D6165C17F723}" > <div class="card with-link"> <a href="/resources/features/custom-mechanical-keyboards" target="" title="Custom Mechanical Keyboards" aria-label="Custom Mechanical Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/custom_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=2401BC9580F64663261EFE6D4F615CFB" class="img-fluid" alt="White HHKB keyboard with black keys. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Custom Mechanical Keyboards</h3> <div class="card-text"> <p>Unleash your creativity with custom keyboards tailored to your unique preferences. Choose from switches, keycaps, layouts, and more to build the perfect typing or gaming experience. Explore options that blend functionality, personalization, and style.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/custom-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{38f420e1-0592-480a-ad25-1fe765944c39}" data-datasource-id="{5E0A3B0D-DD2A-4A02-9857-189A9AEA6E70}" > <div class="card with-link"> <a href="/resources/features/ergonomic-mechanical-keyboards" target="" title="Ergonomic Mechanical Keyboards, Wired & Wireless" aria-label="Ergonomic Mechanical Keyboards, Wired & Wireless"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/ergonomic_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=B11B2E3F63A82613A0CF1514ED0D4262" class="img-fluid" alt="Woman typing on an HHKB keyboard. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Ergonomic Mechanical Keyboards, Wired & Wireless</h3> <div class="card-text"> <p>Reduce strain and improve comfort with ergonomic keyboards designed to support natural hand positioning. Ideal for extended typing sessions, these keyboards help prevent wrist and arm fatigue. Find the best ergonomic designs for health-focused productivity.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/ergonomic-mechanical-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{c7eb3bec-2f58-4a44-94b7-b54454452f8f}" data-datasource-id="{D157B18D-E959-42F5-83F0-A912269A52BD}" > <div class="card with-link"> <a href="/resources/features/cherry-mx-compatible-keyboards" target="" title="Cherry MX Compatible Keyboards" aria-label="Cherry MX Compatible Keyboards"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/cherry_mx_compatible_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=058DE9AE0585568EAB2985377919BF2A" class="img-fluid" alt="Black HHKB keyboard with on a chess board with chess pieces on top and on bottom." width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Cherry MX Compatible Keyboards</h3> <div class="card-text"> <p>Experience the precision of Cherry MX compatible keyboards, offering a wide range of tactile and linear switches. Perfect for gamers and typists, these keyboards provide durability and customizable typing experiences. Explore our top Cherry MX-compatible options today.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/cherry-mx-compatible-keyboards" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{62CA4FA2-48BE-46BE-9365-531E33625684}" data-rendering-id="{57485f4f-c5ce-471f-856a-06b89456b5c6}" data-datasource-id="{E2E7357E-2B0E-4214-BC07-070684DF1FAF}" > <div class="card with-link"> <a href="/resources/features/custom-color-keyboards-black-white-and-more" target="" title="Custom Color Keyboards: Black, White, and More" aria-label="Custom Color Keyboards: Black, White, and More"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/features/custom_color_keyboard.jpg?h=376&iar=0&mw=1200&w=720&hash=30A6A8FBFD498DD0DF9400B7C2FC9C22" class="img-fluid" alt="Three keyboards of different colors with keys laying around. " width="720" height="376" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Custom Color Keyboards: Black, White, and More</h3> <div class="card-text"> <p>Express your style with custom color keyboards featuring vibrant keycaps and personalized designs. Perfect for gamers and creatives, these keyboards let you stand out while maintaining functionality. Explore a variety of color and keycap options to make your setup truly yours.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/resources/features/custom-color-keyboards-black-white-and-more" target="">Learn More</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 © 2025 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-202502202137.js" type="text/javascript"></script> <script type="text/javascript"> var cpaAccount = 'hhkeyboardus'; var cpaE = ''; var cpa_async = { 'ctag': '', 'utmipn': '', 'utmipc': '', 'utmtid': '', 'utmtto': '', 'cutmcn': '', 'cutmcc': '' }; </script> <script src="//ping.contactpigeon.com/bi/js/cpagent143125.js?cid=hhkeyboardus&v=001" type="text/javascript"></script> <style> .osano-cm-widget { display: none; } </style> </body> </html>