Neo-Brutal Kbd
Key caps: mono, caption-sized, ink-outlined on a 2 px key edge. keys renders a combination, each key in its own cap (nested <kbd>).
Kbd
Keyboard keys in mono caps. keys renders a combination, each key in its own cap (nested <kbd>).
Live, interactive React component · light themeResponsive
About the Swiss Tech Mono Kbd
Keyboard keys in mono caps. keys renders a combination, each key in its own cap (nested <kbd>).
It is part of Swiss Tech Mono. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
See it on a full page
Noir Aurora Kbd
Keyboard keys as small lit caps in mono. keys renders a combination, each key in its own cap (nested <kbd>).
Soft Bento Kbd
Keyboard keys as small clay caps in DM Mono. keys renders a combination, each key in its own cap (nested <kbd>).