A Collection of free jQuery keyboard code examples.

1.NEUMORPHISM KEYBOARD INTERACTION

A simple keyboard interaction in the Neumorphism style.

Made with

Html
Css/SCSS
Javascript

Author

Wouter

Demo


2.INTERACTIVE KEYBOARD UI

A simple interactive keyboard made with jQuery.

Made with

Html
Css/SCSS
Javascript

Author

Souleste

Demo


3.SMOOTH KEYBOARD LAYOUT ON CSS GRID

Made with

Html
Css/SCSS
Javascript

Author

Andrej Sharapov

Demo


4.MICROSOFT KEYBOARD

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

Made with

Html
Css/SCSS
Javascript

Author

Kevin Falencik

Demo


5.MORPHING KEYBOARD

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

Made with

Html
Css/SCSS
Javascript

Author

Lucas Bebber

Demo


6.KEYBOARD

Macbook Pro keyboard.

Made with

Html
Css/SCSS
Javascript

Author

Tim Dikun

Demo


7.JQUERY KEYBOARD

Apple German keyboard layout. Type Something...

Made with

Html
Css/SCSS
Javascript

Author

Lennart Hase

Demo


8.HAPPY HACKING KEYBOARD

Made with

Html
Css/SCSS
Javascript

Author

Peiwen Lu

Demo


9.KEYBOARD

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

Made with

Html
Css/SCSS
Javascript

Author

Joe Taylor

Demo


10.virtual keyboard jquery

Made with

Html
Css/SCSS
Javascript

Author

Serhiy

Demo