Keyboard
A minimal, monochrome presentation component designed to showcase mechanical keyboards with a premium, sleek aesthetic. Built with Next.js, Tailwind CSS, and Framer Motion, it features a responsive split layout to highlight specifications and interactive elements while keeping your custom keyboard the main focus.
Live Preview
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
Lock
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
_-
+=
delete
tab
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
caps lock
A
S
D
F
G
H
J
K
L
:;
"'
return
shift
Z
X
C
V
B
N
M
<,
>.
?/
shift
control
option
command
command
option
←
↑
↓
→