kana-input.js is a JavaScript library designed to write hiraganas and katakanas using a classic keyboard following the Hepburn romanization system.

Just type classic romaji letters in lower case for hiraganas and in upper case for katakanas. Kanas will appear as you type ;-)

Just add the script to kana-input.js right before your closing </body> tag and add a data-kana-input attribute on <input> or <textarea> tags than need to write kanas.

If you have any problem using this lib or if you think you can improve it. Please visit the github page and give your thoughts.