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