9 jQuery Keyboards

About a code

Neumorphism Keyboard Interaction

A simple keyboard interaction in the Neumorphism style.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, p5.js

About a code

Interactive Keyboard UI

A simple interactive keyboard made with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap.css, font-awesome.css, jquery.js, jquery-ui.js

About a code

Smooth Keyboard Layout On CSS Grid

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

About a code

Microsoft Keyboard

A pure HTML + SCSS Microsoft keyboard visualisation. Used jQuery to make it more dynamic and respond to physical keyboard strokes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js, jquery-play-sound.js

About a code

Morphing Keyboard

Animation for keyboard keys, morphing from lowercase to uppercase and vice versa.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

About a code

Keyboard

Macbook Pro keyboard.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

About a code

jQuery Keyboard

Apple German keyboard layout. Type Something...

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

About a code

Happy Hacking Keyboard

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

About a code

Keyboard

A keyboard. Nothing much else to it. Not functional.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js