Interactive JavaScript Piano

A responsive virtual piano that can be played with mouse clicks or keyboard keys!

Features

• Virtual piano with clean, modern UI
• Playable with mouse/touch or computer keyboard
• Beautiful gradient design and animations
• Demo melody playback feature
• Responsive for different screen sizes

How to Play

Using Mouse/Touch

Simply click or tap on any piano key to hear its note sound.

Using Computer Keyboard

The piano can also be played using your computer keyboard with the following key mappings:

White Keys:

• A = C note
• S = D note
• D = E note
• F = F note
• G = G note
• H = A note
• J = B note
• K = C2 note
• L = D2 note
• ; = E2 note

Black Keys:

• W = C# note
• E = D# note
• T = F# note
• Y = G# note
• U = A# note
• O = C#2 note
• P = D#2 note

Keyboard Layout