A Collection of free jQuery keyboard code examples.

1.NEUMORPHISM KEYBOARD INTERACTION

A simple keyboard interaction in the Neumorphism style.

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Wouter

Demo


2.INTERACTIVE KEYBOARD UI

A simple interactive keyboard made with jQuery.

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Souleste

Demo


3.SMOOTH KEYBOARD LAYOUT ON CSS GRID

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
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

1
2
3
Html
Css/SCSS
Javascript

Author

1
Kevin Falencik

Demo


5.MORPHING KEYBOARD

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

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Lucas Bebber

Demo


6.KEYBOARD

Macbook Pro keyboard.

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Tim Dikun

Demo


7.JQUERY KEYBOARD

Apple German keyboard layout. Type Something…

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Lennart Hase

Demo


8.HAPPY HACKING KEYBOARD

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Peiwen Lu

Demo


9.KEYBOARD

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

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Joe Taylor

Demo


10.virtual keyboard jquery

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Serhiy

Demo