Keycaps: The Essential Guide for Keyboard Enthusiasts

<!DOCTYPE html> <html lang="en" class="en guide"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" />  <script src="https://cmp.osano.com/AzZbWCTiWQro76eQi/829af36d-14fc-4a3b-9ac2-3c098236b91d/osano.js"></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-NDBFM4T'); </script>   <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>  <title>Keycaps: The Essential Guide for Keyboard Enthusiasts - HHKB</title> <meta name="description" content="Whether you’re a keyboard pro or just starting your journey, read this guide for all the keycap information you could want." /> <meta property="og:type" content="website" /> <meta property="og:title" content="Keycaps: The Essential Guide for Keyboard Enthusiasts - HHKB" /> <meta property="og:description" content="Whether you’re a keyboard pro or just starting your journey, read this guide for all the keycap information you could want." /> <meta property="og:image" content="https://hhkeyboard.us/-/media/project/hhkeyboard/guide/keycap/keycap_guide_hero_lg.jpg?w=1280&hash=8917E2DBF045E48E7A76344272B39C4F" /> <meta property="og:image:width" content="1280" /> <meta property="og:url" content="https://hhkeyboard.us/guide/keycaps" /> <link rel="canonical" href="https://hhkeyboard.us/guide/keycaps" /> <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-202411141514.css" rel="stylesheet" /> <style type="text/css"> .guide-divider + .content-block.with-image { padding-top: 0px } </style> <meta name="VIcurrentDateTime" content="638680205613182309" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/guide/keycaps" /> </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="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-0dcbb258-478b-48e9-98aa-5ce36675dbb3" 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-0cbf591f-c5ec-4ff3-b11e-f355fb37b2c9" 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-dc57ec56-6024-4266-8af8-cc51ac9c47b7" 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-d6e39c86-9741-43bd-8d09-1375eca14b01" 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_8af6c59d-9384-422a-8588-3f7666779373" 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_8af6c59d-9384-422a-8588-3f7666779373"> <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><a class="heading" target="" href="/hhkb/accessories">Accessories</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_608c04e4-c92a-4b1b-ac17-96fa4939aaf2" 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_608c04e4-c92a-4b1b-ac17-96fa4939aaf2"> <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_8aca1de5-eb03-493a-afdd-564628d5fef7" 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_8aca1de5-eb03-493a-afdd-564628d5fef7"> <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 active dropdown levels-2 popout"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_2cf332cf-a3ee-428b-bd7f-2ffdf656b7a6" 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_2cf332cf-a3ee-428b-bd7f-2ffdf656b7a6"> <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 class="active"><span>Keycaps</span></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_818ceb16-40a1-4cce-83b6-b1dd3007cd15" 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_818ceb16-40a1-4cce-83b6-b1dd3007cd15"> <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-b6fa709b-b43e-4f9e-b1d2-840d0944a4d9" 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-2b726fa3-be3f-4e5a-bf1c-73c7f50bc9ac" 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="/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">The Ultimate Guide to Mechanical Keyboards</span> <meta itemprop="position" content="3" /> </li> </ol> </nav> <strong class="page-title" title="The Ultimate Guide to Mechanical Keyboards">The Ultimate Guide to Mechanical Keyboards</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 theme-secondary" > <a name="keycaps-the-essential-guide-for-keyboard-enthusiasts" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/guide/keycap/keycap_guide_hero_sm.jpg?mw=576&hash=C982E40E82E397D09CDC1B34F6D4099A" /> <img src="/-/media/project/hhkeyboard/guide/keycap/keycap_guide_hero_lg.jpg?mw=1440&hash=6B5994F4F3E777F032A83A9A2CF76FDC" 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">Keycaps: The Essential Guide for Keyboard Enthusiasts</h1> </div> <div class="body" > <p>Whether you’re an expert or just starting out, this guide will help you achieve the keyboard of your dreams.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="dynamic-ph container mb-0"> <div class="row no-gutters"> <div class="col-md-6"> <section class="content-block featured" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{ff5b0fd1-44dc-4ff6-9b18-d638a0d5492d}" data-datasource-id="{E4D99430-51EC-4669-9485-28505EC8A40C}" data-target=""> <div class="content-block-container" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p class="body-copy-primary-xl-medium">Creating custom keyboards is an engaging hobby, giving the creatively minded precise control over their hardware’s look and feel. Whether you’re a hobbyist just setting out on your journey or a longtime keyboard maestro, one of the most important aspects of creating a custom keyboard is selecting the right keycaps. This guide will break down everything you need to know about keycaps and where to find them — or even make them — so that you, too, can create the keyboard of your dreams.</p> </div> </div> </div> </section> </div> <div class="col-md-6"> <section class="content-block details background-color-off-white" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{39d51f0c-5663-4a96-8fa8-c84063c1198c}" data-datasource-id="{4F8CDEEE-5F14-4000-B2D4-1BB209AE57A8}" data-target=""> <div class="content-block-container" > <div class="content-block-heading-wrapper"> <div class="content-block-heading-container"> <h3 class=""> Jump to a section... </h3> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul class="themed-bullet bullet-circle"> <li><a href="#everything-to-know-about-keycap-profiles">Everything to know about keycap profiles</a></li> <li><a href="#what-are-mechanical-keyboard-keycaps">What are mechanical keyboard keycaps?</a></li> <li><a href="#what-are-custom-keycaps">What are custom keycaps?</a></li> <li><a href="#everything-to-know-about-pbt-keycaps">Everything to know about PBT keycaps</a></li> <li><a href="#cherry-mx-keycaps">Are Cherry MX keycaps worth the hype?</a></li> <li><a href="#best-keycaps-mechanical-keyboards">The best keycaps for mechanical keyboards</a></li> <li><a href="#wild-keycaps">Wild keycaps for your next custom build</a></li> <li><a href="#stylish-wasd">Stylish WASD keycaps for gaming builds</a></li> <li><a href="#rgb-keycaps">RGB keycaps to ignite your setup</a></li> <li><a href="#where-to-buy">Where to buy replacement keycaps</a></li> <li><a href="#where-to-learn">Where to learn to make your own keycaps</a></li> </ul> </div> </div> </div> </section> </div> </div> </div> <section class="gradient-promo mb-0"> <div class="container"> <div class="row"> <div class="col-12"> <div class="content-container"> <a name="shop-happy-hacking-keyboard-now" class="anchor"></a> <h2>Shop Happy Hacking Keyboard Now</h2> <p>Designed for those who type to live.</p> <a href="https://cta-redirect.hubspot.com/cta/redirect/8095496/11e458b1-1281-447b-964e-f6aabddfd310" DisableDescription="True" rel="noopener noreferrer" class="btn btn-primary" target="_blank">Shop Now</a> </div> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="everything-to-know-about-keycap-profiles"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="everything-to-know-about-keycap-profiles" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Everything to know about keycap profiles </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>What are keycap profiles?</h3> <p>Keycap profiles are what classify the size and shape of a keycap, which is the piece of a keyboard that your fingers contact when you type.</p> <p>If you look at a mechanical keyboard from the side, you’ll see that either every keycap has an identical size and shape or slight variations exist between rows. This is one of the primary variations between keycaps: whether the layout is uniform or “sculpted” to meet your fingertips. Other variations include the height of a keycap, as well as the shape of its top. </p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_profile.jpg?h=500&iar=0&mw=1200&w=600&hash=FE6EE5BB4C35AB64CC551B0174FFAE94" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="keycap-types" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Keycap Types </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{70c2c9e1-6a4e-4d1f-802b-11be8b41c2ad}" data-datasource-id="{240520AB-DD2E-4DF8-9E96-18E058F83355}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> OEM keycaps </h3> <div class="card-text-container"> <p class="card-summary"> OEM (Original Equipment Manufacturer) denotes a size and shape of a key cap common to many keyboards. They are typically of medium height and have an angled top. OEM keycaps are usually slightly sculpted. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{89dd52cd-af4d-469b-a5d9-eacf7802da2d}" data-datasource-id="{052AC9A6-6218-4605-9DA8-70933B6599B2}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Cherry keycaps </h3> <div class="card-text-container"> <p class="card-summary"> Cherry keycaps are similar to OEM keycaps. They are also medium height, have similarly sculpted designs, and their tops are usually angled. However, Cherries have less aggressive sculpting than their OEM counterparts. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{a938c283-0880-4a48-bfe9-0a1d9fca91f4}" data-datasource-id="{B128E2CF-BED5-48C5-8437-627F3A1FE893}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> SA keycaps </h3> <div class="card-text-container"> <p class="card-summary"> SA keycaps are some of the tallest on the market, which makes them more sculptable. Their tops are both angled and concave, with the “S” meaning “spherical.” The indent leaves space for one’s fingers to rest on. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{c8ba55d7-6e90-4fe6-b5eb-0df365915c07}" data-datasource-id="{96B64674-E73B-4979-9A2B-3F72544448D6}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Flat keycaps </h3> <div class="card-text-container"> <p class="card-summary"> Flat keycaps don’t fit a single profile but are an overarching category representing a common design choice. They feature a flat surface without any angled or convex shapes. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{af878d91-6518-493a-a5d7-a3045d85bb2a}" data-datasource-id="{26A330EC-89D9-4647-A2D5-5688B987446C}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> "Chiclet" keycaps </h3> <div class="card-text-container"> <p class="card-summary"> The “Chiclet” keycap was nicknamed as such due to its resemblance to the brand of chewing gum. They feature a uniform look that seems to barely rise from the keyboard’s surface. </p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Read <a href="/blog/keycap-profiles">“The Complete Guide to Keycap Profiles” </a>for more information.</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#what-are-mechanical-keyboard-keycaps">Next Section</a></h4> <h5>What are mechanical keyboard keycaps?</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="what-are-mechanical-keyboard-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="what-are-mechanical-keyboard-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> What are mechanical keyboard keycaps? </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>How mechanical keycaps change the experience</h3> <p>The tactile feedback of a keyboard is important to many typists, and keycaps play a large role in determining a keyboard’s feel. Mechanical keyboards are notable for their distinct feeling, but the exact nature of that feeling will depend on the keycaps being used and the materials they’re made out of.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_mechanical.jpg?h=500&iar=0&mw=1200&w=600&hash=2A05003415FE70BF9A45A8186AB74FF2" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="mechanical-keycap-features" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Mechanical Keycap Features </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{c3f2a7d7-bee3-45e6-bda4-11cba1849c94}" data-datasource-id="{9F94933B-48F3-49D9-B8E3-E75AA6F8A2C6}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Materials </h3> <div class="card-text-container"> <p class="card-summary"> Using thicker or thinner keycaps will change the sensation you feel while typing. Additionally, some materials, like ABS plastic, are smooth. Others, like PBT plastic, have a grippier, textured surface. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{e2739cb2-5971-4f0b-82a6-a9b4043694f4}" data-datasource-id="{9CCA6A6D-2896-4DD3-8160-C72511F43C6F}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Custom keycaps </h3> <div class="card-text-container"> <div class="card-text"> Some keyboard enthusiasts opt to make their own custom keycaps to get the perfect look and feel for their needs. Custom keycaps also allow the user to show off their personality. YouTuber <a rel="noopener noreferrer" href="https://www.tinymakesthings.com/" target="_blank">tinymakesthings</a> is a prime example of how far enthusiasts can go when designing custom keycap art.  </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>For more information, read our full blog post <a href="/blog/mechanical-keyboard-keycaps">“What Are Mechanical Keycaps?”</a></p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#everything-to-know-about-keycap-profiles">Previous Section</a></h4> <h5>Everything to know about keycap profiles</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#what-are-custom-keycaps">Next Section</a></h4> <h5>What are custom keycaps?</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="what-are-custom-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="what-are-custom-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> What are custom keycaps? </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>Custom keycaps are any set of caps that are sold on their own and meant to replace pre-installed keycaps. Using custom keycaps allows enthusiasts to create unique color schemes and ergonomic designs.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_custom.jpg?h=500&iar=0&mw=1200&w=600&hash=81C62120846572B645D1866BB94FFD2C" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="sources-for-information-on-custom-keycaps" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Sources for Information on Custom Keycaps </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{dcf0f9ed-32c2-48a3-877a-8ee323b13298}" data-datasource-id="{ED03F65E-C0F0-47DA-B88A-7C707D87CF84}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Stores </h3> <div class="card-text-container"> <div class="card-text"> Some online retailers have emerged as reliable ways to find exciting new keycaps. <a rel="noopener noreferrer" href="https://drop.com/mechanical-keyboards/drops?sc=keycaps" target="_blank">Drop</a>, <a rel="noopener noreferrer" href="https://kineticlabs.com/" target="_blank">Kinetic Labs</a>, and <a rel="noopener noreferrer" href="https://www.etsy.com/hk-en/shop/TaroDepato" target="_blank">TaroDepato</a> are all excellent places to start looking. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{0df3e66a-f65e-4926-94ea-1687c52ae34c}" data-datasource-id="{C9C48048-D01B-4A1E-AE98-55F87B6CD034}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Communities </h3> <div class="card-text-container"> <div class="card-text"> There are plenty of communities online where keyboard enthusiasts swap designs and share ideas. The <a rel="noopener noreferrer" href=" https://www.reddit.com/r/MechanicalKeyboards/" target="_blank">MechanicalKeyboards subreddit</a> is a beginner-friendly way to get started. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{9730141a-74d4-423d-ae5d-cb4ee1e78afa}" data-datasource-id="{470BCD38-E9B7-47A4-A08D-78986C032DDD}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> DIY </h3> <div class="card-text-container"> <div class="card-text"> While it’s certainly not for the impatient, you can DIY custom keycaps. <a rel="noopener noreferrer" href="https://www.youtube.com/watch?v=6QDhiqsybAM" target="_blank">Video tutorials</a> can teach you the basics of the process. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-question"></i> <p><strong>Did You Know?</strong> The HHKB layout repositions the Control key to make frequently used shortcuts faster and more ergonomic. <a href="/blog/the-mystery-behind-the-ctrl-key-and-unique-hhkb-layout">Learn More</a>.</p> </div> </div> </div> </section> <section class="info-block"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Check out our full blog post <a href="/blog/custom-keycaps">“What Are Custom Keycaps?”</a> for more information.</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#what-are-mechanical-keyboard-keycaps">Previous Section</a></h4> <h5>What are mechanical keyboard keycaps?</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#everything-to-know-about-pbt-keycaps">Next Section</a></h4> <h5>Everything to know about PBT keycaps</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="everything-to-know-about-pbt-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="everything-to-know-about-pbt-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Everything to know about PBT keycaps </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>What are PBT keycaps?</h3> <p>Polybutylene terephthalate plastic (PBT) is used for everything from auto part connectors to television accessories, and it’s also a common material for keycaps. The plastic is very durable, which makes it perfect for a high-usage component.</p> <p>PBT keycaps are made through injection molding. Factories take thermoplastic compounds and melt them into a liquid that’s then injected into molds. Those molds form a plastic keycap. The process is more difficult for PBT due to its superior resistance to heat and chemicals.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_pbt.jpg?h=500&iar=0&mw=1200&w=600&hash=61E75E31DD2C1D0B93DCC0113C9AEBD3" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white items-per-row-4 benefits" data-show-more="3"> <div class="container"> <a name="how-are-pbt-keycaps-marked" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> How are PBT Keycaps Marked? </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{0c041871-b086-4882-b3d3-d548aad79446}" data-datasource-id="{0E81DF11-B136-4690-A40C-58C233CB3256}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Pad printing </h3> <div class="card-text-container"> <p class="card-summary"> Letters are pressed directly onto keys with ink. This method is rarely found among PBT keycaps. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{870e59d5-385f-4797-b116-7ee2e9222314}" data-datasource-id="{3DA8C90A-AC01-4071-846F-9E2BE065981F}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Laser etching </h3> <div class="card-text-container"> <p class="card-summary"> A laser beam burns away the top layer of plastic to either color or engrave the legend onto keycaps. The resulting grooves can then be filled with additional coloring to make the legend stand out more. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{207113b0-2707-47b2-8327-94fd984f5479}" data-datasource-id="{AA26B349-0E4A-481B-8B8C-AA89991A57F7}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Dye-sublimation </h3> <div class="card-text-container"> <div class="card-text"> <span id="docs-internal-guid-78c46613-7fff-cf87-7f08-9d7e47eb0222" style="color: #000000;">Dye-sublimation looks similar to pad printing, but it uses heat to inject ink directly into the plastic, so lettering doesn’t wear away over time. </span> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{6c22e781-fc77-490c-9c30-ec3306bbfe78}" data-datasource-id="{49A8344C-E1D5-4C64-B9D3-C26A318318BD}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Double-shot injection </h3> <div class="card-text-container"> <p class="card-summary"> One color of plastic is injected into the legend mold, and another dye is injected around the legend to form the rest of the keycap. It’s the most expensive method, but it produces the highest quality keys. </p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Read our blog post <a href="/blog/pbt-keycaps">“PBT Keycaps: Everything There Is to Know”</a> for more information.</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#what-are-custom-keycaps">Previous Section</a></h4> <h5>What are custom keycaps?</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#cherry-mx-keycaps">Next Section</a></h4> <h5>Are Cherry MX keycaps worth the hype?</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="cherry-mx-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="cherry-mx-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Are Cherry MX keycaps worth the hype? </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>What are Cherry MX keycaps?</h3> <p>Cherry MX keycaps are compatible with Cherry MX-style switches, such as Cherry MX Blues and Cherry MX Browns. However, the Cherry MX style of switches is compatible with many other key switches that are produced by other companies. The fundamental identifier is the cross-shaped mount on the underside of the cap.</p> <p>Cherry MX keycaps, and the switches beneath them, are some of the most common on the market. Here are some of the differences between styles:</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_cherrymx.jpg?h=500&iar=0&mw=1200&w=600&hash=D3A64377F6452423140AC90AB370E8CA" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="distinctions-of-cherry-mx-keycaps" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Distinctions of Cherry MX Keycaps </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{4b646b30-ad31-4b30-b389-86752bb37e37}" data-datasource-id="{9E2CA85F-8FB6-483E-9184-8A3A497C2C91}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Keycap material </h3> <div class="card-text-container"> <p class="card-summary"> Cherry MX keycaps are typically made from ABS or PBT. The latter is more durable, but also more expensive. Other types, such as the “jelly”-like POM keycaps, are gaining popularity. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{0d558e9e-41e9-473f-a69b-f3b26edf5b6a}" data-datasource-id="{0CA1967A-64D7-49F7-942F-793644F1CDB5}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Keycap profile </h3> <div class="card-text-container"> <p class="card-summary"> Cherry profile keycaps have angled tops and are sculpted across each row to better meet your fingers. </p> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{a59979ce-f340-4f02-aa6d-02578c21f052}" data-datasource-id="{51763EAC-CED5-49DD-A1D8-0A84CE5D58B8}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Keycap appearance </h3> <div class="card-text-container"> <p class="card-summary"> New aesthetics enter the market every day, so there are plenty of options when choosing the appearance of a Cherry MX keycap. </p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p><em>Check out our full blog “<a href="/blog/cherry-mx-keycaps">Cherry MX Keycaps: Everything You Need To Know</a>” for more info.</em></p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#everything-to-know-about-pbt-keycaps">Previous Section</a></h4> <h5>Everything to know about PBT keycaps</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#best-keycaps-mechanical-keyboards">Next Section</a></h4> <h5>The best keycaps for mechanical keyboards</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="best-keycaps-mechanical-keyboards"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="best-keycaps-mechanical-keyboards" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> The best keycaps for mechanical keyboards </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>How to find the best keycaps for you</h3> <p>Those in the market for mechanical keyboard keycaps should consider the material, profile, and style they want for their build. Here are some of the best options.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_5best.jpg?h=500&iar=0&mw=1200&w=600&hash=9B84E397244CC1E380C73ED55E3EB9F6" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="best-keycaps-for-mechanical-keyboards" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Best keycaps for mechanical keyboards </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{10195783-0ce2-46f2-8dd6-35ee9b43618f}" data-datasource-id="{8E1C2D1C-477C-431F-9C2C-772EB9A36F25}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Drop + Redsuns GMK Red Samurai </h3> <div class="card-text-container"> <div class="card-text"> <a rel="noopener noreferrer" href="https://drop.com/buy/drop-redsuns-gmk-red-samurai-custom-keycap-set?defaultSelectionIds=954566" target="_blank">Red Samurai keycaps</a> are part of a beautiful Cherry-profile kit. Their red and black color scheme is inspired by some of Japan’s most famed pieces of samurai armor, though they also come in <a rel="noopener noreferrer" href="https://drop.com/buy/drop-redsuns-gmk-blue-samurai-custom-keycap-set?defaultSelectionIds=968921" target="_blank">blue</a>. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{80dea357-dae5-4b68-afca-0a8b6c91b16b}" data-datasource-id="{A8948087-B9F8-496C-B9FA-6F9ADA31113C}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Boba Fett keycaps </h3> <div class="card-text-container"> <div class="card-text"> <a rel="noopener noreferrer" href="https://novelkeys.com/products/gmk-boba-fett" target="_blank">NovelKeys’ official Star Wars keycaps</a> feature the iconic color scheme of Star Wars’ most infamous bounty hunter. They’re perfect for anyone that wants to pay homage to the franchise in a subtle way. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{a27a1b03-77f9-47fc-960f-dc6e19aed998}" data-datasource-id="{372FD71F-1109-47F9-9754-F0C9BE10D04B}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> HK Gaming 9009 keycaps </h3> <div class="card-text-container"> <div class="card-text"> The <a rel="noopener noreferrer" href="https://hk-gaming.com/products/custom-keycaps-american-layout-ansi-9009" target="_blank">9009s from HK Gaming</a> are a classic set of keycaps with a comforting color scheme of beiges and greys, though there are some satisfying splashes of color in there as well. The keys are made with durable PBT plastic and feature a low-riding Cherry profile. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-question"></i> <p><strong>Did You Know?</strong> Handy HHKB accessories such as a keyboard lid and adjustable stand help make the most of your board. <a href="/hhkb/accessories">Click here to learn more.</a></p> </div> </div> </div> </section> <section class="info-block"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>For more mechanical keyboard keycap recommendations, read “<a href="/blog/best-keycaps">The 5 Best Keycaps For Mechanical Keyboard Enthusiasts</a>” or “<a href="/blog/keycap-sets">5 of the Best Keycap Sets You Can Buy Right Now.</a>”</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#cherry-mx-keycaps">Previous Section</a></h4> <h5>Are Cherry MX keycaps worth the hype?</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#wild-keycaps">Next Section</a></h4> <h5>Wild keycaps for your next custom build</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="wild-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="wild-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Wild keycaps for your next custom build </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3> Add some extra flair to your keyboard</h3> <p>Whether you want to try a different style of keycap, create a striking design, or just switch to an unusual material, here are some of the best choices for your next build.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_wildstyles.jpg?h=500&iar=0&mw=1200&w=600&hash=092820B1924ECE5C5C0E11259F390D56" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="wild-keycap-options" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Wild Keycap Options </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{9b7f4332-4045-4f7e-a3f3-68c7ef772f08}" data-datasource-id="{443898D8-F408-4A2C-A690-920B6ED0C493}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> PBTfans Basin keycap set </h3> <div class="card-text-container"> <div class="card-text"> The <a rel="noopener noreferrer" href="https://kono.store/collections/all-products-list/products/pbtfans-basin" target="_blank">PBTfans Basin keycap set</a> features gorgeous aqua accents and bright surface values with navy blue keycaps in the middle. The legends are easy to read, and their Cherry profile provides a satisfying feel. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{65cf03e5-aa41-414e-a51b-e44e1f115654}" data-datasource-id="{536A1B08-1F27-4874-86D0-80336235083D}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> POM Jelly Keycaps Rainbow kit </h3> <div class="card-text-container"> <div class="card-text"> Want to be reminded of spring all year round? The <a rel="noopener noreferrer" href="https://esckeyboard.com/products/pom-jelly-keycaps-rainbow-full-kit?variant=39413215068244" target="_blank">POM Jelly Keycaps Rainbow kit</a> features pastel pinks, blues, greens, and yellows that will evoke images of blooming flowers. The keycaps have a weighty keypress sound and a silky feel. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{5eec7a9b-4e3c-4e7a-b328-b5cdef33a54b}" data-datasource-id="{9081AEB1-74E6-4430-8BA4-B54AF357494F}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> OSA Simple White PBT keycaps </h3> <div class="card-text-container"> <div class="card-text"> If you’d rather your keyboard have a whiteout look, the <a rel="noopener noreferrer" href="https://keebsforall.com/products/osa-simple-white-pbt-dye-sub-keycaps-set" target="_blank">OSA Simple White PBT keycaps</a><a rel="noopener noreferrer" href="https://keebsforall.com/products/osa-simple-white-pbt-dye-sub-keycaps-set" target="_blank"> </a> are a great option. They have an unusual profile, but one that gives them a delightful look and feel. The keycaps are medium height with semi-spherical tops. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Want more striking keycap styles? Read our blog post “<a href="/blog/pastel-keycaps">7 Wild Keycap Styles For Your Next Custom Build.</a>”</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#best-keycaps-mechanical-keyboards">Previous Section</a></h4> <h5>The best keycaps for mechanical keyboards</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#stylish-wasd">Next Section</a></h4> <h5>Stylish WASD keycaps for gaming builds</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="stylish-wasd"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="stylish-wasd" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Stylish WASD keycaps for gaming builds </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>What is WASD?</h3> <p>W is forward, A is left, S is back, and D is right. Today, WASD is the standard directional input layout for countless PC games. For gamers, the WASD keys are likely to see a lot of use, so it can be beneficial to use keycaps made specifically for those four keys. Here are some of the options. </p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_wasd.jpg?h=500&iar=0&mw=1200&w=600&hash=EF7AAA07C465B6CB62955E0E58FAD177" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="keycap-options-for-wasd-keys" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Keycap Options for WASD Keys </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{c8bc7a4e-20a2-4659-9664-9d80c2145a31}" data-datasource-id="{7A7910AB-EC78-4F15-A8FC-B437980805A8}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Drop + MiTo GMK Pixel </h3> <div class="card-text-container"> <div class="card-text"> The <a rel="noopener noreferrer" href="https://drop.com/buy/drop-mito-gmk-pixel-custom-keycap-set?defaultSelectionIds=945819" target="_blank">Drop + MiTo GMK Pixel</a> are both minimalist and colorful, with an assortment of accent keys to lend your board a unique aesthetic. If you want your keyboard to look uniform, there’s also a full keycap set. </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{4b59a20d-9d38-4f5d-bdfa-d809e599def7}" data-datasource-id="{5D7275FA-2431-4961-BD4C-DF651EE3E816}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Rubberized gaming keycaps </h3> <div class="card-text-container"> <div class="card-text"> <a rel="noopener noreferrer" href="https://matrixkeyboards.com/collections/keycaps/products/rubberized-gaming-keycaps-cotton-candy" target="_blank">Rubberized gaming keycaps</a> can give your keyboard some textural variety, making it easier to find the WASD keys just based on feel. <div> </div> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{9efcafbd-a824-4008-b4a9-6f9f59e3d654}" data-datasource-id="{4C9042D4-B0E1-43EF-B57D-3D320836288E}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Walnut keycaps </h3> <div class="card-text-container"> <div class="card-text"> <a rel="noopener noreferrer" href="https://kbdfans.com/products/oem-wasd?variant=6868122009658" target="_blank">Walnut keycaps</a> have a soft touch and an elegant, rustic look to them, making them a magnificent option. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Check out “<a href="/blog/wasd-keycaps">WASD Keycaps: 6 Stylish Options For Your Gaming Setup</a>” or for more options to spice up your gaming keyboard.</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#wild-keycaps">Previous Section</a></h4> <h5>Wild keycaps for your next custom build</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#rgb-keycaps">Next Section</a></h4> <h5>RGB keycaps to ignite your setup</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="rgb-keycaps"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="rgb-keycaps" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> RGB keycaps to ignite your setup </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>What is RGB?</h3> <p>RGB stands for red, green, and blue. RGB keyboards are colorful, often with reactive effects that allow lights to shine up from the keyboard. Keycaps built specifically for RGB keyboards can add some interesting layers to the colorful effect.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_rgb.jpg?h=500&iar=0&mw=1200&w=600&hash=C70764541BBEEEC53B21D4CA2B403DFC" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="rgb-keycap-options" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> RGB Keycap Options </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{1289acd9-bb6d-41da-8249-dfe1c5d79bbc}" data-datasource-id="{286923C7-372A-49F0-ADE9-97F1FB7BCD1A}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> POM Jelly Sugarcube keycaps </h3> <div class="card-text-container"> <div class="card-text"> <p>If you want a sort of dreamy bloom for your keyboard, the <a rel="noopener noreferrer" href="https://esckeyboard.com/products/pom-sugarcube-keycaps-1" target="_blank">POM Jelly Sugarcube keycaps</a> from Escape Keyboard are a good fit. The design allows for a diffused, but bright, lighting setup.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{2fcff270-9a37-4f79-bfd6-44db8f33e458}" data-datasource-id="{14DE6E00-C248-47FE-AF78-0E93318964A6}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> G.SKILL Crystal Crown keycaps </h3> <div class="card-text-container"> <div class="card-text"> <p>The <a rel="noopener noreferrer" href="https://www.gskill.com/product/341/342/1602504434/Crystal-Crown-Keycaps-Black-Overview" target="_blank">G.SKILL Crystal Crown keycaps</a> combine simple elegance and otherworldly pudding keys into a coherent design. They feature transparent sides that allow you to admire your switches, with a translucent legend and “crown” around their perimeter to provoke visual interest.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{5d2ff11f-ec63-4d3f-82cd-b821a708e5c8}" data-datasource-id="{3D2786B0-5754-4A23-85BC-24F3EF4C810A}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> LavaCaps Pudding Keycaps </h3> <div class="card-text-container"> <div class="card-text"> <p><a rel="noopener noreferrer" href="https://ltcofficial.com/products/ltc-lavacaps-113-key-pbt-pudding-keycaps-xda-profile-for-iso-ansi-layout-61-68-84-87-98-104-keys-mechanical-keyboard-with-keycap-puller-only-keycaps?variant=39689689825379" target="_blank">LavaCaps Pudding Keycaps </a> cause each keycap to emit a beautifully diffused glow, with opaque tops that create a silhouette effect.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Find the best keycaps for every type of keyboard with our guide, “<a href="/blog/rgb-keycaps">RGB Keycaps: 5 Sets That Let Your Light Shine Through</a>.” </p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#stylish-wasd">Previous Section</a></h4> <h5>Stylish WASD keycaps for gaming builds</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#where-to-buy">Next Section</a></h4> <h5>Where to buy replacement keycaps</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="where-to-buy"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="where-to-buy" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Where to buy replacement keycaps </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>How to find the right replacement keys</h3> <p>Most mass-market mechanical keyboards come pre-installed with a set of keycaps, but you may find yourself wanting to swap them out for a variety of reasons. Luckily, boutique shops exist that will have bare boards and replacement keycaps.</p> <p>Be sure to double-check your board for compatibility before buying any keycaps. As long as your board is compatible with Cherry MX-style switches, you can mix and match between styles and brands to your heart’s content.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_replacement.jpg?h=500&iar=0&mw=1200&w=600&hash=DB6A87B74FB73FB907C71D54B6EDCB4B" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="3-places-to-find-replacement-keycaps" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> 3 Places to Find Replacement Keycaps </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{eb73d2c7-b009-482d-b298-5d9c91c7173b}" data-datasource-id="{1F5F3785-FEB0-46D5-8F02-8263098892B6}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Drop </h3> <div class="card-text-container"> <div class="card-text"> <p><a rel="noopener noreferrer" href="https://drop.com/mechanical-keyboards/drops/" target="_blank">Drop</a> works with community-favorite creators to bring unique new designs to market. It’s essentially a hub for curated community favorites. However, it doesn’t have an endless selection like some of its competitors, and its boutique nature means it isn’t the cheapest option.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{9d1610a8-ca88-4498-b172-53a5667425e5}" data-datasource-id="{3CD7AC69-F736-4397-992D-8DC0C35E90BC}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Kbdfans </h3> <div class="card-text-container"> <div class="card-text"> <p>If you're looking for a range of prices and styles, <a rel="noopener noreferrer" href="https://kbdfans.com/collections/keycaps" target="_blank">Kbdfans</a> has you covered. Kbdfans is a one-stop shop for keyboard enthusiasts, with an ample selection of keycaps to peruse.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{2848b413-7eb2-4214-b059-ac180a101ef5}" data-datasource-id="{6E1A9838-B8BD-4790-8C01-B9887A51B3E0}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> KeebsForAll </h3> <div class="card-text-container"> <div class="card-text"> <p>Beginners will want to turn their attention to <a rel="noopener noreferrer" href="https://keebsforall.com/collections/keycaps" target="_blank">KeebsForAll</a>. The site is built to be welcoming to newcomers, with accessible prices and a 14-day return policy.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block mb-0"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Want to find even more great keycaps for your mechanical keyboard? Check out our guide, “<a href="/blog/replacement-keycaps">The 5 Best Places to Get Replacement Keycaps For Your Mechanical Keyboard</a>.”</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#rgb-keycaps">Previous Section</a></h4> <h5>RGB keycaps to ignite your setup</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> <h4><a href="#where-to-learn">Next Section</a></h4> <h5>Where to learn to make your own keycaps</h5> <p></p> </li> </ul> </div> </div> </div> </section> <section class="content-block with-image featured layout-half orientation-left" data-target="where-to-learn"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="where-to-learn" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Where to learn to make your own keycaps </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Making your own keycaps</h3> <p>If you can’t find the perfect set of keycaps for your board, you can make your own. Custom keycaps can be either their own artistic accent or push your keyboard’s entire design to the next level.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/guide/keycap/promo_keycap_artisan.jpg?h=500&iar=0&mw=1200&w=600&hash=A29B0B558F17DF698CE20B9C64833C97" class="img-fluid" alt="" width="600" height="500" /> </div> </div> </div> </div> </section> <section class="callout-deck background-color-off-white benefits" data-show-more="3"> <div class="container"> <a name="resources-to-make-your-own-keycaps" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Resources to Make Your Own Keycaps </h2> </div> </div> <div class="card-deck justify-content-center main-content"> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{e8dd69f9-5a5b-4657-96e4-0e209e33976d}" data-datasource-id="{C6F91E72-3CDA-4095-A493-CC5E42F8BE0A}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Tinymakesthings </h3> <div class="card-text-container"> <div class="card-text"> <p>If you want to make cute clay caps, <a rel="noopener noreferrer" href="https://www.youtube.com/c/tinymakesthings" target="_blank">tinymakesthings </a> is the channel for you. Tinymakesthings will show you how to shape and bake clay keycaps using existing PBT caps, turning the hobby into a more accessible medium.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{2eaedf67-fb95-4ef9-a424-fe5b0d7cb4b8}" data-datasource-id="{4D250959-4AFF-4661-B22C-6E9E344A8FC6}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> Mihi Mini Studio </h3> <div class="card-text-container"> <div class="card-text"> <p>Those that would rather read guides than watch them should turn to <a rel="noopener noreferrer" href="https://mihi-mini.studio/" target="_blank">Mihi Mini Studio</a>, which features a written tutorial series for creating artisan keycaps. It will cover shaping clay, painting keycaps, and all the materials you’ll need along the way.</p> </div> </div> </div> </div> </div> </div> <div class="card-container" data-item-id="{4BD5C77E-7193-41D9-BE9D-790A9D770E5F}" data-rendering-id="{103ccf11-83bd-4f1b-b5b4-ce7c6532837e}" data-datasource-id="{92FBDEED-9C5F-4FB5-8C4D-1FD0E5E52767}" > <div class="card no-image"> <div class="card-body"> <div class="card-content"> <h3 class="card-title"> r/Keycaps </h3> <div class="card-text-container"> <div class="card-text"> <p>Need inspiration? The fine folks over at <a rel="noopener noreferrer" href="https://www.reddit.com/r/keycaps/" target="_blank">r/Keycaps</a>, a subreddit dedicated to the hobby, have plenty to offer. The forum sees regular posts from keycap artisans, each with their own creative designs.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="info-block"> <div class="container"> <div class="row"> <div class="col-lg-8 content"> <i class="info-information"></i> <p>Find the perfect keycaps for every board in your collection with our guide, “<a href="/blog/artisan-keycaps">4 Places to Learn How to Make Artisan Keycaps</a>.”</p> </div> </div> </div> </section> <section class="content-block guide-divider"> <div class="content-block-container"> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <ul> <li class="previous"> <h4><a href="#where-to-buy">Previous Section</a></h4> <h5>Where to buy replacement keycaps</h5> <p></p> </li> <li class="top"> <h4><a href="#top">Back To Top</a></h4> </li> <li class="next"> </li> </ul> </div> </div> </div> </section> <section class="gradient-promo"> <div class="container"> <div class="row"> <div class="col-12"> <div class="content-container"> <a name="shop-happy-hacking-keyboard-now" class="anchor"></a> <h2>Shop Happy Hacking Keyboard Now</h2> <p>Designed for those who type to live.</p> <a href="https://cta-redirect.hubspot.com/cta/redirect/8095496/11e458b1-1281-447b-964e-f6aabddfd310" DisableDescription="True" rel="noopener noreferrer" class="btn btn-primary" target="_blank">Shop Now</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>

CINXE.COM

Keycaps: The Essential Guide for Keyboard Enthusiasts - HHKB