Tailwind CSS Keyboard - Nira UI

Nira UI Keyboard component allows you to visually display keyboard keys on your website or web application.

Default Keyboard Key

A simple example of a keyboard key display.

Space

Keyboard Shortcuts with Text

Combine keyboard keys with text to show shortcuts or key combinations.

Press Ctrl + K to search.

Keyboard Key Sizes

Nira UI supports different sizes for keyboard keys to fit various layouts.

Space
Space
Space
Space

Function keys

Display function keys (F1–F12) for software shortcuts or developer guides.

F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12

Mac keys

Show Mac-specific modifier keys for Mac users.

⌘
⌥
⇧
⌃