# Keyboard components

> Display keyboard shortcuts and commands stylishly with 9 keyboard components for React and Tailwind CSS.

45 components available. Showing all of them below.

- [Keyboard](https://21st.dev/@designali-in/components/keyboard.md) — by Ali Imam
- [Macbook Keyboard](https://21st.dev/@kaif-ui/components/macbook-keyboard.md) — by Kaif UI
- [MacOS Animated Shortcut Keyboard](https://21st.dev/@minhxthanh/components/mac-os-animated-shortcut-keyboard.md) — by Le Thanh
- [LegionWebDev](https://21st.dev/@LegionWebDev/components/legion-web-dev.md) — by Legion Dev
- [Magic Keyboard Component](https://21st.dev/@muhammad-binsalman/components/magic-keyboard-component.md) — by M.bin Salman
- [Animated Keyboard](https://21st.dev/@badtzx0/components/animated-keyboard.md) — by badtz
- [bluetooth key](https://21st.dev/@theutkarshmail/components/bluetooth-key.md) — by Utkarsh Pandey
- [Images Slider](https://21st.dev/@manuarora700/components/images-slider.md) — by Manu Arora
- [Search Modal](https://21st.dev/@sshahaider/components/search-modal.md) — by Efferd
- [Modal](https://21st.dev/@educlopez/components/modal.md) — by Edu Calvo
- [Draggable Priority List](https://21st.dev/@nikhiljainsam/components/draggable-priority-list.md) — by nikhiljainsam
- [Date Wheel Picker](https://21st.dev/@johuniq/components/date-wheel-picker.md) — by johuniq
- [Omni Command Palette](https://21st.dev/@lovesickfromthe6ix/components/omni-command-palette.md) — by scott clayton
- [Keyboard Shortcuts](https://21st.dev/@tom_ui/components/kbd.md) — by tom
- [Keyboard Keys](https://21st.dev/@jatin-yadav05/components/keyboard-keys.md) — by Jatin Yadav
- [Keyboard Shortcuts](https://21st.dev/@tom_ui/components/kbd/keyboard-listener.md) — by tom
- [Keyboard Shortcuts](https://21st.dev/@tom_ui/components/kbd/key-symbols.md) — by tom
- [Video Player](https://21st.dev/@preetsuthar17/components/video-player.md) — by Preet Suthar
- [Accordion](https://21st.dev/@coss.com/components/coss-accordion.md) — by coss
- [Quick Look Overlay](https://21st.dev/@jatin-yadav05/components/quick-look-overlay.md) — by Jatin Yadav
- [Accordion](https://21st.dev/@coss.com/components/coss-accordion/multiple.md) — by coss
- [Base Menu](https://21st.dev/@sean0205/components/base-menu/checkbox.md) — by Sean Hello
- [Command Menu](https://21st.dev/@preetsuthar17/components/command-menu.md) — by Preet Suthar
- [Tabs](https://21st.dev/@fuma-nama/components/tabs.md) — by Fuma Nama
- [Clean Tag Input](https://21st.dev/@ruixen.ui/components/clean-tag-input.md) — by Ruixen UI
- [Root Toggle](https://21st.dev/@fuma-nama/components/root-toggle.md) — by Fuma Nama
- [Date Picker](https://21st.dev/@kavikatiyar/components/date-picker.md) — by Kavi Katiyar
- [Kbd](https://21st.dev/@preetsuthar17/components/kbd.md) — by Preet Suthar
- [Kbd](https://21st.dev/@shadcn/components/kbd.md) — by shadcn
- [Kbd](https://21st.dev/@sean0205/components/kbd-1/outline.md) — by Sean Hello
- [Kbd](https://21st.dev/@sean0205/components/kbd-1/size.md) — by Sean Hello
- [Kbd](https://21st.dev/@sean0205/components/kbd-1.md) — by Sean Hello
- [Kbd](https://21st.dev/@shadcn/components/kbd/kbd-button.md) — by shadcn
- [Kbd](https://21st.dev/@shadcn/components/kbd/kbd-group.md) — by shadcn
- [Kbd](https://21st.dev/@shadcn/components/kbd/kbd-tooltip.md) — by shadcn
- [Date Time Input](https://21st.dev/@hihahihahoho/components/date-time-input.md) — by oc tung
- [Testimonial Section 3](https://21st.dev/@solaceui/components/testimonial-section-3.md) — by Solace UI
- [Keyboard Input](https://21st.dev/@shugar/components/keyboard-input.md) — by tigran tumasov
- [Keyboard Input](https://21st.dev/@shugar/components/keyboard-input/small.md) — by tigran tumasov
- [Keyboard Input](https://21st.dev/@shugar/components/keyboard-input/combination.md) — by tigran tumasov
- [CommandPalette](https://21st.dev/@dhileepkumargm/components/command-palette.md) — by Dhileep Kumar GM
- [8-bit Keyboard Key](https://21st.dev/@theorcdev/components/8bit-kbd.md) — by OrcDev
- [UltraQualitySpreadsheet](https://21st.dev/@dhileepkumargm/components/ultra-quality-spreadsheet.md) — by Dhileep Kumar GM
- [Keyboard](https://21st.dev/@intentui/components/keyboard.md) — by Intent UI
- [Keyboard Input Leaf](https://21st.dev/@platejs/components/kbd-node.md) — by Plate

Full component directory: https://21st.dev/llms.txt